使用ajax部分頁面加載後如何初始化/附加所有javascript事件

Question

我有一個頁面在頁面加載期間調用某些事件活頁夾。頁面上有一個加載DIV中另一個頁面的鏈接。問題是已經綁定的事件在ajax調用期間不可用於新創建的元素。請幫忙。

下面是樣品的javascript我使用

//Javascript start 
addEventListener("load", function(event) { 
    init(); 
}); 
function init() { 
_$("body").addEventListener("touchmove", function(event) { 
     ... 
    }); 
    window.addEventListener("orientationchange", function(event) { 
     ... 
    }, false); 
    document.addEventListener("touchstart", function(event) { 
     ... 
    }); 
     document.addEventListener("touchend", function(event) { 
     ... 
    }); 
} 

使用jQuery 1.5

Answer 1

你應該使用jQuery的自己的事件attachers：

_$(function(){ 
//Code below will be run on load, jQuery takes care of that for you. 

    _$("body").on('touchmove', function(event){ 
     ... 
    }); 
    // and so on 
}); 

on()重視聽衆dinamically未來創建的元素。您還應該檢查事件是否觸發或正確冒泡到您附加它們的對象。

Answer 2

在每次頁面加載後初始化事件。在.ready()