Question

我刚开始使用Ajax和jQuery和PHP。我有一个工作代码（下面），它将一些HTML代码插入HTML容器（div称为nav sub）。

下次我尝试在生成的HTML上运行类似的代码时，jQuery似乎找不到它。我想它在添加时不会自动更新它。

$(".nav.top a").click(function(){
    var a_class = $(this).parent().attr("class");

    $(".nav.sub").html("loading...");
    $(".nav.sub").load("<?php echo get_bloginfo('url'); ?>/?addmod_ajax=1",{button: a_class});
    return false;
});

假设生成的代码如下所示：

<div class="nav sub">
    <a href="#">My new generated button, forgotten by jQuery?</a>
</div>

新容器看起来像这样：

<div class="settings"><?php # AJAX ?></div>

在使用jQuery生成的HTML代码上使用jQuery和Ajax是否有某种方式？

Answer 1

我明白了。解决方案是使用“live”。

$('.nav.top a').live( 'click', function() {
    var a_class = $(this).parent().attr("class");

    $(".nav.sub").html("loading...");
    $(".nav.sub").load("<?php echo get_bloginfo('url'); ?>/?addmod_ajax=1",{button: a_class});
    return false;
});

jQuery Ajax不记得生成的代码？

1 个答案: