【问题标题】:How to bind an event on a section load Shopify如何在部分加载时绑定事件 Shopify
【发布时间】:2023-03-08 06:59:01
【问题描述】:

我想在管理员中绑定 shopify 部分加载的事件,我的意思是在处理 Customize theme 时。

例如在 Shopify 定制器中处理滑块。我们可能需要一些在部分加载时运行的 jQuery 脚本。每次我们从定制器更改任何内容时,都应该调用它。

我尝试了shopify:section:load 事件,但没有成功。

【问题讨论】:

  • shopify:section:load 会在您每次修改自定义面板中的内容时触发。为什么这对你不起作用?
  • 我使用了jQuery(document).on('shopify:section:load', sslider(event, this)); 但是当我从左侧菜单编辑部分时它不会调用函数。我已将此代码放在theme.liquid
  • 它对我有用:drive.google.com/file/d/1s-MF2PAWMwdzmVTuHORz_xTH8bnX5uGc/view 这是我的index.liquid 文件中的代码:jQuery(document).on('shopify:section:load', function(){ console.log('event fired - doc') })
  • 谢谢。我会再试一次,并会与您分享更新。
  • 这对我不起作用

标签: jquery shopify liquid


【解决方案1】:

把它放在javascript标签部分

{% javascript %}
function showAlert() {
  alert('listen to shopify theme editor re-render');
}

document.addEventListener("shopify:section:load", showAlert);
{% endjavascript %}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-11-15
    • 1970-01-01
    • 1970-01-01
    • 2013-05-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多