ShopPad的Infinite Options中有JavaScript的回调功能吗？

Question

我正在使用 ShopPad 名为 Infinite Options 的插件开发产品详细信息页面。我正在尝试将 HTML 元素添加到它生成的 DOM 中，但是页面显示后大约需要 1 - 2 秒。

所以我尝试了这种方式：

$(window).on('load', function () {
  function retry() {
    var $pluginHTML = $('.plugin ul');
    if (!$pluginHTML.length) return setTimeout(retry, 2000);
    $pluginHTML.css('fontColor','red');
  }
  retry();
});

它通常运行良好，但这不是最佳解决方案。

有人知道无限期权有没有JavaScript的回调函数？

Answer 1

Infinite Options 包含一个回调函数，您可以绑定到该回调函数，定义在 window.Shoppad.apps.infiniteoptions.ready。

例如：

  <script>
  window.Shoppad = window.Shoppad || {},
  window.Shoppad.apps = window.Shoppad.apps || {},
  window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},
  window.Shoppad.apps.infiniteoptions.ready = function() {
    console.log('app loaded');
  };
  </script>

ShopPad的Infinite Options中有JavaScript的回调功能吗？

Is there call back function of JavaScript in Infinite Options by ShopPad?

javascript

jquery

shopify