为什么 Touch-Punch 插件在我的网站上不起作用？

Question

我已经在我的网站上实现了触摸打孔插件，但我仍然无法将触摸功能用于我的签名功能。当我在 Edge 上使用它时，触摸功能可能会工作一秒钟然后停止。此外，对于普通的 Internet Explorer，它运行良好，但 Chrome 和 Firefox 根本无法使用触摸打孔器。

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/south-street/jquery-ui.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
<link href="<?php echo plugins_url(); ?>/booking/css/jquery.signature.css" rel="stylesheet">
<script src="<?php echo plugins_url(); ?>/booking/js/jquery.signature.js"></script>
<script src='https://javascriptbase64.googlecode.com/files/base64.js' type='text/javascript'></script>
<script src="jquery.ui.touch-punch.min.js"></script>

签名代码：

 <script>
   $(function() {
        $('#sig'+"<?php echo $row->bookingid; ?>").signature({
            guideline: true, 
            guidelineOffset: 25, 
            guidelineIndent: 20, 
            guidelineColor: '#ff0000',
                change: function(event, ui) { 
                    var jsonval = $(this).signature('toJSON');
                    $("#signcanvas"+"<?php echo $row->bookingid; ?>").val(jsonval);
    }
            });  
   });
  </script>

Answer 1

所以我的 touch-punch 插件路径不正确。在 CPanel 中找到 jquery.ui.touch-punch.min.js 文件的正确路径后，我更改了代码中的路径并能够使用触摸功能。还要确保定义了脚本类型。

例如：添加 type=text/javascript 也是插件运行所必需的。

为什么 Touch-Punch 插件在我的网站上不起作用？

Why is the Touch-Punch plugin not functioning in my website?

html

javascript

jquery

jquery-ui

jquery-ui-touch-punch