Подозреваемая проблема гонки с jquery.select для добавленного элемента jquery.ajax

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});
});

Надеюсь, это поможет. Приветствия