創建並觸發動態ID

我只是無法弄清楚這一點......我正在嘗試創建一個列表。在每一個裏面都有相同的用戶。創建並觸發動態ID

我想創建一個唯一的ID的div爲每個用戶，因此將有可能點擊並鏈接到特定的點擊功能...

這裏是我的了：

$(document).ready(function(){ 

    var columnsarray = []; 

    for(var i = 0; i < 3; i++){ 

     var userarray = []; 

     for(var j = 0; j < 2; j++){ 

      userarray.push("<div id='userholder-"+j+"-"+i+"'>UserID "+j+"</div>"); 

      $(function(){ 
       $("#userholder-"+j+"-"+i+"").click(function() { 
        alert("It Works!"); 
       }); 
      }); 
     } 

     columnsarray.push($("#thelist").append("<li><div class='info'></div>"+userarray+"</li>")); 

    } 

});

使用時j和我在我的「用戶持有人」它不會工作...如果我放棄j和我它工作只是完美...是不可能做我想做的事情？

的jsfiddle例如：http://jsfiddle.net/jmansa/sTULJ/

提前希望能幫助和感謝:-)

來源

2013-07-18 Mansa

那是一個錯誤的方式來處理任何click.you可以用這個來代替...... –

你需要爲你動態創建的元素現場使用方法武官事件處理程序。在註冊處理程序時沒有與選擇器匹配的元素。嘗試changingyou碼現場使用這樣的：

$("#userholder-"+j+"-"+i+"").live("click",function(){ 
alert("It Works!"); 
    } 
);

來源

2013-07-18 12:14:49

.live的是，jQuery的使用'的較新版本的jQuery – tymeJV

的新版本已經過時了。而不是 – Wilq

這是不正確的做法。

添加一個類的每一個DIV，當你調用點擊功能的數據ID來獲得：

jQuery代碼：

$(document).ready(function(){ 

    var columnsarray = []; 

    for(var i = 0; i < 3; i++){ 

     var userarray = []; 

     for(var j = 0; j < 2; j++){ 

      userarray.push("<div id='userholder-"+j+"-"+i+"' class='press' data-id='"+j+"-"+i+"'>UserID "+j+"</div>"); 

     } 

     columnsarray.push($("#thelist").append("<li><div class='info'></div>"+userarray+"</li>")); 

    } 
    $('.press').click(function(){ 
     alert($(this).attr("data-id")); 
    }) 

});

的FIDLE更新： - >http://jsfiddle.net/sTULJ/1/

來源

2013-07-18 12:16:08 PaoloCargnin

事件代表團或這將無法正常工作。 – tymeJV

您還可以擁有class屬性並具有該類的單擊事件，例如：

$(document).ready(function(){ 

    var columnsarray = []; 

    for(var i = 0; i < 3; i++){ 

     var userarray = []; 

     for(var j = 0; j < 2; j++){ 

      userarray.push("<div id='userholder-"+j+"-"+i+"' class='clickClass'>UserID "+j+"</div>"); 

     } 

     columnsarray.push($("#thelist").append("<li><div class='info'></div>"+userarray+"</li>")); 

    } 

    $(".clickClass").click(function(){ 
     alert("It Works!"); 
    }); 

});

檢查JS小提琴鏈接：http://jsfiddle.net/KG4LD/

來源

2013-07-18 12:17:25 Prabhuram

創建並觸發動態ID

回答

相關問題