jquery.ajax添加的元素上的jquery.select可能存在竞争问题

Question

我有一个jquery-ajax(让我们称之为#1)函数，它绑定到一个由jquery.ajax本身添加的链接(称之为#2)。绑定到链接的函数(#1)在添加到文档中时会触发，因此函数(#1)没有问题。

问题似乎是绑定到链接的jquery.ajax(#1)函数在加载时找不到链接，当链接通过jquery.ajax(#2)加载时就太晚了。

我该如何克服这个问题呢？

js

$("a[name='searchCatalogue']").click(function(){
        var q = $("#query").val();
        $("#searchResults").html(ajax_load).load("search_data.php", {q:q});
});
$("a[name*='add-']").click(function(){
        var divname = this.name;
        var a = $("#field-"+divname).val();
        $("#materialLista").html(ajax_load).load("handler.php", {fetched_isbn:a});
});

由函数(#1)通过search_data.php添加：

<input type="text" id="field-add-'.$m.'" value="' . $resultat[$m]["value"] . '" /><a name="add-'.$m.'">Add</a>

如果在文档中“定期”添加上述内容(而不是使用函数(#2)，则函数(#1)有效。

Answer 1

您可以使用live..click而不是click。所以你会有：

$("a[name='searchCatalogue']").live("click", function(){
        var q = $("#query").val();
        $("#searchResults").html(ajax_load).load("search_data.php", {q:q});
});
$("a[name*='add-']").live("click", (function(){
        var divname = this.name;
        var a = $("#field-"+divname).val();
        $("#materialLista").html(ajax_load).load("handler.php", {fetched_isbn:a});
});

希望这能有所帮助。干杯