Shopify EventListener未在侦听

Shopify EventListener未在侦听,shopify,liquid,shopify-app,Shopify,Liquid,Shopify App,此代码应该在更改屏幕分辨率时运行,但它仅在加载页面后工作,在我更改分辨率时不会触发。发生此情况的原因是您正在立即调用函数,因此控制台.log仅在加载页面后输出 您需要做的是将其放入函数中,如下所示: {% javascript %} window.addEventListener('resize', console.log('Screen size changed!')); {% endjavascript %} 这样,每当调整窗口大小时,函数都将运行,并输出console.log 关于为什么

此代码应该在更改屏幕分辨率时运行,但它仅在加载页面后工作,在我更改分辨率时不会触发。

发生此情况的原因是您正在立即调用函数,因此
控制台.log仅在加载页面后输出

您需要做的是将其放入函数中,如下所示:

{% javascript %}
window.addEventListener('resize', console.log('Screen size changed!'));
{% endjavascript %}
这样,每当调整窗口大小时,函数都将运行,并输出
console.log

关于为什么会发生这种情况的进一步解释,请参见

{% javascript %}
  window.addEventListener('resize', function() {
    console.log('Screen size changed!')
  });
{% endjavascript %}