单击后禁用元素？

Question

<img src="images/get_info.png" onclick="do_ajax('get.php?id=5');this.src='images/get_info_disabled.png';" style="cursor:pointer;border:0;">

我有一个像这样的图像列表,当用户点击它时,将发出一个AJAX请求并且图像将被更改,但是如何才能使图像只能被点击一次？

Answer 1

更改您的do_ajax功能,使其看起来像这样:

function do_ajax(url, elem) {
    var click = elem.onclick;
    elem.onclick = null;
    // Do your Ajax stuff
    elem.onclick = click;
}

然后称之为:

<img src="images/get_info.png" onclick="do_ajax('get.php?id=5', this); this.src='images/get_info_disabled.png';" style="cursor:pointer;border:0;">