我有一个页面,在一些移动的设备(Chrome/Android)上点击时,选择选项会自动关闭。这个问题不会发生在桌面上,也不会发生在我作为移动设备在chrome中调试时。这是一个购物网站,用“liquid”语言编码,基本上是html。
经过几天的测试,我发现这个问题是因为一些与Facebook像素代码的兼容性问题,我的页面,这刷新和关闭我的选择。之后,我已经尝试了一些JS解决方案来阻止这个事件发生像event.preventDefault();和event.stopPropagation(),但不起作用。
下面是我的代码:
<div class="selector-wrapper js product-form__item">
<label for="SingleOptionSelector-{{ section.id }}-{{ forloop.index0 }}">{{ option.name }}</label>
<select class="single-option-selector single-option-selector-{{ section.id }} product-form__input"
id="SingleOptionSelector-{{ forloop.index0 }}" data-name="{{ option.name }}" data-index="option{{ forloop.index }}">
{% for value in option.values %}
<option value="{{ value | escape }}" {% if option.selected_value==value %} selected="selected" {% endif %}>{{ value
}}</option>
{% endfor %}
</select>
</div>
<script>
document.getElementById('SingleOptionSelector-0').onmouseup=function(e) {e.preventDefault();e.stopPropagation();};
</script>
我已经尝试了所有的方法,在谷歌上搜索了我能搜索的所有东西好几天了,但还是找不到解决办法。有什么想法吗?
谢谢你的帮助。
1条答案
按热度按时间nwlls2ji1#
如果对任何人有帮助的话:
在WordPress/woocommerce中使用WpRocket和泛指elYourSite插件:在我们的例子中也是同样的问题,解决方案是从延迟JavaScript执行中排除public.js:pixelyoursite-pro/dist/scripts/public.js
希望能有所帮助,
A级