html/css/javascript您现在的位置是:主页 > html/css/javascript >
如何解决Chrome 73中bxSlider项目上的click事件的问题?
2022-03-07 21:16:57html/css/javascript 699人已围观
本文介绍了如何解决Chrome 73中bxSlider项目上的click事件的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在Chrome更新到版本73之后,不会触发bxSlider的内部项目单击事件,也就是href超链接无效,但是火狐浏览器下正常。
如何为新的Chrome中的元素触发.on('click')事件?
当幻灯片在移动时会在Chrome中触发,在FireFox中一切都很好
<div class="slider-pager"> <div class="slider-pager__item"><a href="https://www.baidu.com/"><img src="1.jpg" alt=""></a></div> <div class="slider-pager__item"><a href="https://www.baidu.com/"><img src="2.jpg" alt=""></a></div> </div> <script> carouselProduct = $('.slider-pager').bxSlider({ maxSlides: 3, minSlides: 3, slideWidth: 90, infiniteLoop: false, moveSlides: 1, slideMargin: 8, pager: false, nextSelector: '.slider__nav--next', prevSelector: '.slider__nav--prev', nextText: '→', prevText: '←' }); </script>
推荐答案
貌似最新的Chrome更新使bxSlider内部的任何点击都以容器为目标,而不是容器内部的链接。
在选项中添加touchEnabled: false可以禁用滑动行为,但可以解决单击问题。例如:
carouselProduct = $('.slider-pager').bxSlider({ maxSlides: 3, minSlides: 3, slideWidth: 90, infiniteLoop: false, moveSlides: 1, slideMargin: 8, pager: false, nextSelector: '.slider__nav--next', prevSelector: '.slider__nav--prev', nextText: '→', prevText: '←', touchEnabled: false });
联系微信
扫码联系技术微信
---------------专业解决网站各种疑难杂症,可淘宝担保交易,安全无风险---------------
建站、仿站、二次开发、网站改版、网站修改、网站漏洞修复、网站被黑修复、网站安全、服务器安全等
点击了解更多 >>
相关文章
随机图文
pbootcms被挂马网站被黑被攻击被篡改怎么办的解决办法
近期经常有朋友反应pbootcms网站被黑挂马被篡改怎么办? 下面我们通过以下几种方法去分析及解决这个问题。 1、如果使用的pbootcms版本比较老,我们可以先清理掉程序中的木马文件,然后进行程序升级,直接升级到官方最新版即可。有二次开发的请联系技术人员进行升级。 2、如果已经是官方最新版的依然被黑,那么我们可以关注下官方有没有相关的漏洞补js获取浏览器语言,自动跳转到对应语言的网站
<script language="javascript"> var lang = navigator.browserLanguage?navigator.browserLanguage:navigator.language; var lang = lang.substr(0,2) if(lang.indexOf('zh')>-1){ window.locatpbootcms调取当前栏目的前10篇文章
pbootcms调取当前栏目的前10篇文章,适用于列表页面和详情页面 {pboot:list num=10 scode={sort:scode}} <a href="[list:link]">[list:title]</a> {/pboot:list}urldecode解码
有时候从地址栏获取到的参数全是乱码看不懂,这时候我们需要做下urldecode转码即可。 <?php $url = urldecode("%e5%8c%97%e4%ba%ac"); // 把字符串还原成 北京 echo $url; ?>