jQuery沒有看到我的動態加載複選框

Question

我寫了一個腳本，將一系列產品加載到div標籤中。

我現在想要使用一系列複選框來過濾這些產品。

jquery向返回XML數據集的ASP頁面發出$ post。數據集的第一個元素包含這種格式的製造商列表ara | dai | sid | alp等。第二個元素包含上述代碼的製造商名稱。

然後我使用這個腳本來創建一個複選框到div標籤列表。

var mc = new Array(); 
mc = $("manCodes",xml).text().split(","); 
var manTitles = new Array(); 
manTitles = $("manTitles",xml).text().split(","); 

for (var i=0, len=mc.length; i<len; ++i){ 
    m += '<span><input type="checkbox" value="' + mc[i] + '" name="man[]" id="man_'+i+'" />' + manTitles[i] +'</span>'//mc[i]; 
    } 
manufacturers = '<div id="filter" class="man">FILTER<br />' + m + '</div>'; 
$(".formSelect").append(manufacturers); 

這工作一種享受，然後在文件準備部分我有一個代碼段，看起來對複選框任意點擊：

$(document).ready(function() { 
    $("input:checkbox").click(function() { 
    loadXML($("#sortOrder option:selected").val(),$("#limitBy option:selected").val(),$("#productGroup").val()); 
    }); 
}); 

這是我的代碼，因爲任何點擊倒下任何複選框都不起作用。它幾乎和JQuery一樣無法看到它創建的這些複選框。

任何人都可以請幫助如何解決這個問題嗎？

乾杯 格雷厄姆

Answer 1

你需要事件委託，否則事件處理程序將不會觸發動態插入/刪除的元素。 .live或.delegate是兩個選項。

$("input:checkbox").live("click", function() { 
    // implementation 
}); 

或更好：

$("form").delegate("input:checkbox", "click", function() { 
    // implementation 
}); 

Answer 2

使用jQuery.live()來捕獲動態添加元素的事件。

附加的處理程序，爲當前 選擇在現在和將來匹配其所有 元素的事件。

$("input:checkbox").live("click", function() { 
    loadXML($("#sortOrder option:selected").val(),$("#limitBy option:selected").val(),$("#productGroup").val()); 
}); 

Answer 3

嘗試：

$(document).ready(function() { 
    $("input:checkbox").live("click",function() { 
    loadXML($("#sortOrder option:selected").val(),$("#limitBy option:selected").val(),$("#productGroup").val()); 
    }); 
});