自定义 JS 代码不适用于 shopingworld 元素 Shopware 主页

Custom JS Code is not working on shopingworld elements Shopware home page

我使用购物世界及其元素创建了一个主页。现在我试图在某些元素上应用一些 jQuery 代码,但它不起作用。可能是因为页面正在加载 AJAX?

我的自定义 Javascript 已添加到主题中,因此我可以看到它,但它对页面没有任何影响。我怎样才能让它发挥作用?

我在以下位置创建了 js 文件:

/src/js/myJsFile.js

并将此文件包含在我的活动主题的 Theme.php 中,如下所示:

protected $javascript = ['src/js/custom-scripts.js'];

只需将您的 JS 自定义代码包装在以下函数中,它就可以正常工作。

jQuery (document) .ajaxComplete (function () { //you code here ... });

Shopware 实际上有一个在情感元素(例如显示购物世界)时触发的事件:

$.subscribe('plugin/swEmotion/onShow', function () {
    // your code goes here
});