3

私は次の署名パッドを持っています。

     <form method=post action="#" class=sigPad>        
               <label for=name>Print your name</label>        
               <input type=text name=name id=name class=name>        
               <p class="drawItDesc">Draw your signature</p>        
               <div class="sig sigWrapper"> <div class=typed></div>        
               <canvas class=pad width="585px" height="200px"></canvas>        
               <input type=hidden name=output class=output> </div>        
               <button type="submit" id="agree" style="opacity:0.2">I accept the terms of this agreement.</button>        
      </form>

これは、必要に応じて呼び出される関数です。

   function drawSigPad(){
         $('.sigPad').signaturePad({drawOnly:true});
            }

ユーザーがボタンを押すと、署名パッドが描画されます。これはChromeとFFで正常に機能しますが、IE非互換モードでは機能しません。非互換性がオンになっていない限り機能します。

私が得るエラーは次のとおりです。

   SCRIPT5007: Unable to get value of the property 'getContext': object is null or undefined 
          jquery.signaturepad.min.js, line 246 character 1

問題の行はこれです

    i.bind("selectstart.signaturepad",function(a){
return c(a.target).is(":input")
});

IE7がこれを破る理由を誰かが知っていますか？またはこの問題を回避する方法。

編集：混乱して申し訳ありませんが、私はIE9ブラウザーを使用しており、非互換モードを使用しています。また、ブラウザーツールを使用してIE7をチェックしています。

4

1 に答える 1

1

canvasIE7はタグをサポートしていません。IE8+でのみサポートされています。

これは、IE7および8で機能するcanvasタグおよびその他のhtml5タグを取得するための便利な方法です。

これはexplorercanvasと呼ばれ、キャンバスをシミュレートして、ほとんどすべてのブラウザでsigパッドを表示できるようにします。

最良のことは、あなたがする必要があるのは単一の<script>タグを追加することだけです。

于 2013-01-08T18:53:12.560 に答える