Ajax插入的内容在DOM中无法访问

Question

我正在一个纯粹的jquery/js网站上工作,主要是为了练习一些jquery.我使用load语句从常见的html文件加载菜单,如下所示:

$('#categoryListing').load('../common.html #categoryLinksUL');

加载:

<ul id="categoryLinksUL">
          <li><a href="#anklets" rel="ajax">Anklets</a></li>
          <li><a href="#bracelets" rel="ajax">Bracelets</a></li>
</ul>

问题是我现在正在使用它我需要改变上述链接的href,但它们不是dom的一部分.在之前的例子中,我能够使用.live(点击......但不是在这里.有没有办法可以实现这个目标？

具体来说,我需要加载链接并将#reflets中的href更改为？category = anklets

Answer 1

以下怎么样？

$('#categoryListing').load('../common.html #categoryLinksUL', function() {
    $('li a[href^="#"']').each(function () {
        this.href = '?category=' + this.href.substr(1);
    });
});

在我的示例中,在加载完成后,将调用匿名函数.它使用散列HREF的每个锚点,并根据您的描述将其替换为HREF.