Ajax已加载页面的一部分-如何使已加载内容中的链接正常工作？

Question

我在标题中的手风琴div中装入了我的购物篮的一部分。 这很好用，并在下拉列表中显示了我的购物篮。

我需要解决的最后一个问题是使加载的内容中的按钮正常工作。 是否可以编写一个使它们起作用的回调？ 我什至不知道该用什么谷歌搜索..

这是在加载的内容中设置按钮的方式：

<a href="" trg="" name="_ec_oie2" id="_ec_oie2" class="action actionbasket checkout" onclick="if( UI.pb_boolean(this, 'click') ) {} return false;">checkout</a>

脚本Im用于加载内容：

 $('.dcjqg-accordion ul.sub-menu').load('/m4n?seid=etailer-basket div#centerbox.itembox.centerbox');

Answer 1

使用.load()的回调函数。

 $('.dcjqg-accordion ul.sub-menu').load('/m4n?seid=etailer-basket div#centerbox.itembox.centerbox', function() { $("#_ec_oie2").on("click", function() { if (UI.pb_boolean(this, 'click')) { } return false; }); }); 

 <a href="#" trg="" name="_ec_oie2" id="_ec_oie2" class="action actionbasket checkout">checkout</a> 

Answer 2

您需要为事件使用子选择器。 您可以将事件附加到.sub-menu元素，该事件将触发通过ajax加载的内容。 类似以下内容可能会起作用：

$(".dcjqg-accordion ul.sub-menu").on("click", ".action.actionbasket.checkout", function() {
    if( UI.pb_boolean(this, 'click') ) {}
    return false;
});

注意on方法的第二个参数。 它是一个选择器，将用于查看click事件的目标。 我用.action.actionbasket.checkout ，因为这是在你的a标签。

该代码可能无法完全正常运行，但这应该有助于您朝正确的方向发展。

这是on方法的jQuery文档的链接： https : //api.jquery.com/on/