événement robinet jquery mobile

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> 

Et j'utiliser ce script:

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

Quand je mets cela en-tête $(".page-header").on('tap' fonctionne très bien, mais quand rien ne se passe $("input").on('tap')

Pourquoi? onclick sur input ne fonctionnent pas sur les appareils mobiles

Answer 1

Vous devez comprendre , vous n'enregistrez pas sur une entrée de case à cocher, vous enregistrez sur une représentation jQuery Mobile de cette case à cocher. L'original en put est caché.

Cela fonctionne:

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

Answer 2

Je pense que le problème est que les événements jQuery Mobile ne peuvent pas être définies dans les balises, alors essayez de refeer par son id

utilisation $("#checkbox-1a").on au lieu