Нажмите событие в 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') Ничего не произошло

Зачем? нажать на input не работает на мобильных устройствах

Answer 1

Вы должны понимать, что вы не касаетесь ввода флажка, вы касаетесь представления этого флажка в jQuery Mobile. Оригинал на сайте скрыт.

Это будет работать:

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

Answer 2

Я думаю, что проблема в том, что события jQuery Mobile не могут быть определены в тегах, поэтому попробуйте ссылаться по его идентификатору.

использование $("#checkbox-1a").on вместо