如何綁定動態forms？

Question

我在 HTML 中一些動態創建的 forms 遇到了一些麻煩。我一直在使用 JQuery 1.7 以 ajax 的形式顯示復選框。稍后，我想在表單中使用這些復選框，但我似乎無法檢索值。 我讀到他們沒有綁定或類似的東西，並使用.live() 或.on() function。在閱讀.on 和/live 函數的api 后，我真的不知道下一步該怎么做。

<!-- Tabbed Menu Options -->
<script type="text/javascript">
$(document).ready(function(){
    $('#cowList').load("../php/populateTabsCows.php");
    $('#ranchList').load("../php/populateTabsRanch.php");

      return false;
});
</script>

然后我正在閱讀表格並使用：

$(function() {  
  $("#submitForm").click(function() {  
    // validate and process form here  

       var data = $('#filterForm').serialize();
       alert(data.toString());
    $.post('../php/filter.php', data)
        .success(function(result){
            $('#cowinfo').html(result);
        })
        .error(function(){
            console.log('Error loading page');
        })
    return false;
  });
    return false;   

  });

任何幫助將不勝感激！

Answer 1

jQuery 的.on() /.click() /.submit() 等函數的工作方式與.live() 不同。 您必須在將目標 HTML 元素添加到 DOM 之后調用.on()。

這進一步解釋了兩個函數之間的差異： http://www.jquery4u.com/jquery-functions/on-vs-live-review/#.T7UfLuvgjkp