Question

S.O。人！

我有一个Oracle Apex屏幕，客户将在其中进行数字签名。该应用程序在jQuery移动智能手机用户界面，但当我尝试在平板电脑或智能手机上调用该页面时，它只是挂起并且不显示该页面。所以我试着在我的dektop上运行mozila firefox并运行正常。

这是我的代码，我希望你能对这个问题发表评论。提前谢谢

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery UI Signature Basics</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/south-street/jquery-ui.css" rel="stylesheet"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<style type="text/css">
.kbw-signature { width: 600px; height: 250px; }
</style>
<!--[if IE]>
<script type="text/javascript" src="#IMAGE_PREFIX#libraries/jquery/1.7.1/excanvas.js"></script>
<![endif]-->
<script type="text/javascript" src="#IMAGE_PREFIX#libraries/jquery/1.7.1/jquery.ui.touch-punch.min.js"></script>
<link type="text/css" href="#IMAGE_PREFIX#libraries/jquery/1.7.1/jquery.signature.css" rel="stylesheet"> 
<script type="text/javascript" src="#IMAGE_PREFIX#libraries/jquery/1.7.1/jquery.signature.js"></script>

<script type="text/javascript">
$(function() 
{
    $('#defaultSignature').signature({guideline: true, guidelineOffset: 25, guidelineIndent: 20, guidelineColor: '#ff0000'});
        $('#defaultSignature').signature({syncField: '#signatureJSON'}); 

        $('#removeSignature').click
          (
           function() 
             { 
               $('#defaultSignature').signature({syncField: '#signatureJSON'}); 
               $('#defaultSignature').signature('destroy');
               $('#defaultSignature').signature({guideline: true, guidelineOffset: 25, guidelineIndent: 20, guidelineColor: '#ff0000'});
               $('#defaultSignature').signature({syncField: '#signatureJSON'}); 
              }
          ); 

        $('#disableSignature').toggle
          (
           function() 
             { 
               $s("P60_FIRMA",$v("signatureJSON" ));
               $(this).text('Editar Firma'); 
               $('#defaultSignature').signature('disable'); 
               $('#removeSignature').attr("disabled", true);
             }, 
           function() 
             { 
               $x("P60_FIRMA").value = null;
               $(this).text('Finalizar Firma'); 
               $('#defaultSignature').signature('enable'); 
               $('#removeSignature').attr("disabled", false);
             }
           );
}
);

</script>
</head>
<body>
<div id="defaultSignature"></div>
<p style="clear: both;">
<button type="button" style="font-weight: bold; width: auto;" id="removeSignature">Limpiar Firma</button> <button type="button" style="font-weight: bold; width: auto;" id="disableSignature">Finalizar Firma</button><p><span class="demoLabel"></span><textarea id="signatureJSON" rows="1" cols="1" style="display:none;"></textarea></p>
</body>
</html>

Answer 1

我有同样的问题和found以下解决方案：

如果您在启用触摸的设备上使用该插件，您可能还需要下载并包含jQuery UI Touch Punch插件：
<script type="text/javascript" src="js/jquery.ui.touch-punch.min.js"></script>

为什么jquery签名不能在我的手机上运行？在我的桌面上工作很棒

1 个答案: