javascript - jquerymobile中的点击事件

Question

<div data-role="header" class="page-header"><h2>Header</h2></div>
<div data-role="content">
    <form>
        <fieldset data-role="controlgroup">
            <legend>Legend:</legend>
            <input name="checkbox-1a" id="checkbox-1a" type="checkbox"/ >
            <label for="checkbox-1a">Label</label>

我使用这个脚本：

 $( ".class").on( 'tap', tapHandler ); 
function tapHandler( event ) {
    alert(123);
}

当我把它放在标题上$(".page-header").on('tap'时效果很好，但是$("input").on('tap')什么也没发生

为什么？onclickinput在移动设备上不起作用

Answer 1

您必须了解，您不是在点击复选框输入，而是在点击该复选框的 jQuery Mobile 表示。原始输入是隐藏的。

这将起作用：

$(document).on('tap', '.ui-checkbox', function(){ 
    // Do something    
}); 

Answer 2

我认为问题在于无法在标签中定义jQuery Mobile事件，所以尝试通过他的id来引用

$("#checkbox-1a").on改为使用