首页 > 解决方案 > 单选按钮更改事件未通过 xzoom 库触发,jquery 脚本冲突问题(“TypeError: $(...).hammer is not a function”)

问题描述

单选按钮更改事件未通过 xzoom 库触发,jquery 脚本冲突问题(“TypeError: $(...).hammer is not a function”)

我已经在一页上实现了 xzoom 图像库。但是在同一页上,单选按钮更改事件没有被触发。

如果我评论 xzoom 画廊,那么单选按钮 change-event 可以正常工作。

以上问题仅适用于移动设备

我的单选按钮更改调用代码片段(适用于台式机):

$('input[name="cartproddet"]').on('change', function(){
    //code here
})

在此处输入图像描述

屏幕截图错误仅在移动设备期间出现

请建议我更改.. 在同一页面上启用带有 xzoom-gallery 的单选按钮更改事件

开源 xzoom-image 库 jquery 库包括如下:

<script src="<?php echo asset_url('front'); ?>/js/foundation.min.js"></script>
<script src="<?php echo asset_url('front'); ?>/js/setup.js"></script> 
<script src="<?php echo asset_url('front'); ?>/js/xzoom.min.js"></script>

我没有提供在线 js 链接

标签: javascriptphpjqueryhtmlcss

解决方案


感谢大家的帮助.. 但我自定义 setup.js 如下:

我换了

$(this).hammer().on("tap", function(event) { //some code })

$(this).on("tap", function(event) { //some code })

它现在适用于 destop 以及移动设备 :)


推荐阅读