0

メニューとコンテンツ領域のあるページがあります。私はajaxを介してこの領域にコンテンツを動的にロードします。

 <div id="content"  style="visibility: visible; overflow: hidden; top: 0px;"></div>

ajax呼び出しは次のようになります。

  $('#content').load('content/contactform.html',function(){ ...some code...}

コンテンツボックスに読み込まれるページは、onClickメソッドで定義されたボタンを持つフォームです。

<div>
    <h2>Phone Numbers</h2>
    <div id="form">
    </div>
    <button id="addPhoneBtn"  onclick="alert('click')">Click Me</button>
</div>

通常、ユーザーがより多くの電話番号を入力できるように、新しい入力フィールドが追加されます。ただし、テストの場合は、アラートを出力するだけです。

IPadなどのモバイルデバイスでそのボタンをクリックすると、イベントが3回発生します。タッチデバイスにはマウスイベントがないことを読みました。タッチイベントがあります。

しかし、奇妙なことに、そのページをコンテンツに直接コピーすると、onClickイベントは1回だけ発生します。私は何かが足りないのですか？

更新：Iscrollを使用して、div内のコンテンツをスクロール可能にします。

4

1 に答える 1

0

問題を見つけました。私はiscroll-4を使用して、タッチデバイスでのスクロールを実現していました。このライブラリを削除してdojoフレームワークに切り替えると、この問題は解決しました。

于 2013-01-28T19:33:11.417 に答える