javascript - 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();
});

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

有人知道Infinite Options有没有提供JavaScript的回调函数？

Answer 1

Infinite Options 包含一个回调函数，您可以将其绑定(bind)到定义在 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>