未附加到移動設備上的動態創建元素的事件

Question

list[i].fnctn - 包含我要附加到單擊事件處理函數的函數的名稱。我有同樣的js文件

function createList(list){ 
    var parentID = $("#content_nav ul"); 
    var len = list.length; 
    for(var i=0;i<len;i++){ 
     var anchorElement = jQuery('<a />',{text:list[i].text}); 
     var liElement = jQuery('<li />',{"class":"navlink_"+(i+1),id:"navlink_"+(i+1)}); 
     //anchorElement.attr('onclick',list[i].fnctn+"()"); - Works fine on desktop browsers but doesn't work on mobile devices. (Mobile devices are my target platform 

     anchorElement.on('click',{funct:list[i].fnctn},function(event) { 
      return window[event.data.funct](event); 
     }); 
     liElement.append(anchorElement); 
     parentID.append(liElement); 
    } 
} 

此代碼對桌面瀏覽器完全正常的範圍內全局定義這些功能。但是，當我使用電話差距將其部署到移動設備時，它不起作用。

什麼問題？

我試過的設備是 - 三星谷歌Nexus S（ICS 4.0.0）iPhone 4和iPhone 4s（模擬器），Android模擬器。 PS：讓我知道是否有其他更好的方法來做到這一點。我現在正在做的是，我將要從JSON分配給事件處理函數的名稱（作爲字符串），然後使用上面的代碼應用它。我不知道這是否是最佳做法。請幫助:)

Answer 1

只需更改代碼的順序：

function createList(list){ 
    var parentID = $("#content_nav ul"); 
    var len = list.length; 
    for(var i=0;i<len;i++){ 
     var anchorElement = jQuery('<a />',{text:list[i].text}); 
     var liElement = jQuery('<li />',{"class":"navlink_"+(i+1),id:"navlink_"+(i+1)}); 
     //anchorElement.attr('onclick',list[i].fnctn+"()"); - Works fine on desktop browsers but doesn't work on mobile devices. (Mobile devices are my target platform 

     // append the target first 

     liElement.append(anchorElement); 
     parentID.append(liElement); 

     // after append then bind the 
     // click event 

     anchorElement.on('click',{funct:list[i].fnctn},function(event) { 
      return window[event.data.funct](event); 
     }); 

    } 
}