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>

脚本我用来加载内容：

 $('.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/

Ajax加载了页面的一部分 - 如何在加载的内容中创建链接？

2 个答案: