点击jquerymobile中的事件

tap event in jquerymobile

本文关键字：事件 jquerymobile 点击      更新时间：2023-09-26
<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')没有发生

为什么?onclick on input不能在移动设备上使用

你必须明白，你不是在一个复选框输入上粘贴，你是在该复选框的jQuery Mobile表示上粘贴。

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

我认为问题是，jQuery移动事件不能在标签中定义，所以尽量参考他的id

用$("#checkbox-1a").on代替

相关文章：