jquery - タブレットでHTMLボタンが機能しない

Question

重複の可能性：
「touchstart」イベントと「click」イベントをバインドするが、両方に応答しない方法は？

HTMLボタンがタブレットでのみ機能しないという奇妙な問題があります。すべてのブラウザ、さらにはモバイルデバイスでも動作しますが、実際のタブレットでは動作しません。

私は以前問題なくボタンを使用しましたが、違いがわかりません。私のコード：

<button type="button" class="addwebcam">Add Webcam</button>

jQuery('.addwebcam').click(function(e) {
    jQuery('#cameraformwebcam').show(); //opens up a new form
    jQuery('.addwebcam').hide(); //now hide the button
});

他にも異なることをするボタンがあり、それらはすべて同じです。タブレットのボタンを押すと、それを強調表示するだけです。どうすればこれをデバッグできますか？私はユーザーエージェントを試しましたが、問題はその実際のデバイスのボタンをタップすることにあるため、デバッグには役立ちません。

Answer 1

jQueryが正しくロードされ、JSが有効になっていることを確認してください。

---

@3dgooのコメントにも記載されています

tapと一緒にイベントを追加しますclick

jQuery('.addwebcam').bind('click tap', function(e) {
    jQuery('#cameraformwebcam').show(); //opens up a new form
    jQuery('.addwebcam').hide(); //now hide the button
});

Answer 2

これを試して

<button type="button" class="addwebcam">Add Webcam</button>をに置き換えます

<input type="submit" class="addwebcam" value="Add Webcam"/>

これがうまくいくことを願っています

Answer 3

タップイベントにバインドする必要があります。