ajax append導致javascript被執行多次

Question

我在PHP中創建了一個動態表，其中一行中的每個圖像都在ID中有一個特定的URL。

例如：

當用戶單擊此圖像時，它會執行操作。 這很好用。

之后，在第二個ajax中，它應該用前一個url重新加載colorbox。 這也有效，但javascript似乎再次加載（雖然有新值）？

$('#cboxLoadedContent img[alt="markmessage"]').live('click', function(){
var returnurl = "<?php echo $_SESSION['returnpage']; ?>";
var markurl = $(this).attr('id');
alert(markurl);

// Do the action
$.ajax({
    method:'GET',
    url: markurl,
    cache:false
});

// Reload colorbox again with previous contenturl.
$.ajax({
        type: 'GET',
        url: returnurl,
        dataType: 'html',
        cache: true,
        beforeSend: function() {
                $('#cboxLoadedContent').empty();
                $('#cboxLoadingGraphic').show();
        },
        complete: function() {
                $('#cboxLoadingGraphic').hide();
        },
        success: function(data) {              
        $('#cboxLoadedContent').empty(); 
                $('#cboxLoadedContent').append(data);
        }
});
});
</script>

有沒有辦法防止javascript被重新附加到colorbox？ 我嘗試了一些方法（比如用DOM刪除它），但似乎沒有任何工作......

javascript可能不會被禁用，之后它應該處理一個新的URL ...

Answer 1

嘗試在第一行中將live替換為one ： $('#cboxLoadedContent img[alt="markmessage"]').one('click', function(){

Answer 2

嘗試簡單的點擊事件綁定。 在這里，您只將它綁定到選定的元素，而不是綁定到新的元素。 如果您希望僅觸發一次事件，請使用一個 。

Answer 3

我不確定你使用的是哪個版本的jQuery，但是從1.7開始不推薦使用live() ，你可能想嘗試使用on() 。