iphoneでjqueryのon.tapが動かない

Question

いつもお世話になってます。

下記のjqueryを記述しているのですが、「div id="reset"」をタップしても、実行されません。
記述方法が間違っているでしょうか？
デバック方法も分からず苦慮しております。

ご教授いただければとおもいます。

よろしくお願いします。

【jquery部分】

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script> <script type="text/javascript"> $(function(){ $(document).on('tap', '#reset', function(){ $('#form1')[0].reset(); }); }); </script>

【HTML部分】

<form id="form1" name="form1"> <input name="name" type="text" id="name" size="36" /><br> <div id="reset"> <img src="imgs/reset.gif" alt="" border="0" /> </div> </form>

Answer 1

jQuery MobileはjQueryに追加して読み込むプラグイン形態のフレームワークで、使うとしてもjQuery本体が別に必要です（jQueryのモバイル用という位置づけではありません）。

この場合、jQuery MobileではなくjQuery本体を呼び出してください。モバイル版ではIE8以下という環境がありえないので、2系列でいいでしょう。

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

Comments

[motokitominaga]

ありがとうございます。
質問時の情報が欠けており申しわけありません。
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
を読み込んでおります。ご指摘の
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
の方がよろしいのでしょうか？
重ねての質問でございますが、よろしくお願いいたします。

[maisumakun]

はい、.onは1.7以降の機能なので、1.6では動きません。

Answer 2

そもそもjQueryは読み込んでますか?

Comments

[motokitominaga]

ありがとうございます。
質問時の情報が欠けており申しわけありません。
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
を読み込んでおります。