將jquery應用於生成的內容

我有這樣的代碼：

//nextButton processing 
    $('.nextButton').on("click", function(){ 
    //$('.nextButton').click(function(){ 

     var querystring = $("#formStep").serialize() + "&step=" + step + "&session=" + session; 
     // Ajax Call 
     $.ajax({ 
       type: "POST", 
       data: querystring, 
       url: "includes/processnext.php", 
       dataType: 'json', 
       success: function(msg){ 
        $('.result').append(msg.answerRow); 

       } 
      }); 

    // End Ajax Call 
    });

現在這個工程的第一.nextbutton在那裏，但阿賈克斯的結果與下一下一步按鈕替換它。

爲了解決這個問題，我嘗試使用Jquery.on（）（舊代碼註釋掉），但似乎沒有解決它。

有什麼建議嗎？

謝謝。

來源

2012-06-06 user1380591

發表的jsfiddle如果可以的話，更容易分析。 –

你想利用事件委託。閱讀'.on'文檔中的* Direct和委託事件*部分。 –

附上click事件處理程序容器元素，就像這樣：

$('#container').on("click", ".nextButton", function(){

容器元素就可以「抓住」 click事件，因爲它從.nextButton冒泡。

來源

2012-06-06 15:53:58

你是對的，.on()它的方式，但你缺乏最後一步。你必須將事件委託給父母。

那樣，任何具有該類的對象都會處理點擊事件。

$('#parent').on('click','.nextButton',function(e){...});

更多信息 - >http://api.jquery.com/live/

來源

2012-06-06 15:57:03 Jarry

將jquery應用於生成的內容

回答

相關問題