jquery 모바일 입력 라벨 버튼

Question

몇 가지 문제가 있습니다.

이것은 HTML 문서입니다.

<input class="input" type='checkbox' id='ev_1' name='ev_1' checked='checked'/> 
<label for='ev_1'> 
<button class='ui-btn custom-btn' id='issue'>On</button> 
</label> 

이것은 javascript입니다.

$("#issue").click(function(event){ 
    alert("!"); 
} 

나는 그 alert ("!"); 버튼을 클릭하면 발생합니다. 하지만 효과가 없습니다 ....

경고를 표시하고 싶습니다 ("!"); 당신의 도움이 필요합니다. 오마르가 언급 한 바와 같이

Answer 1

, 당신의 버튼 라벨 외부해야하고 입력 체크 박스 라벨 내부 될 수 있습니다

<label for='ev_1'> 
    <input class="input" type='checkbox' id='ev_1' name='ev_1' checked='checked' />On 
</label> 
<button class='ui-btn custom-btn' id='issue'>On</button> 

그런 다음 당신은 JQM의 pagecreate 핸들러에 정의 된 이벤트 핸들러를 가질 수 있습니다. 확인란을 처리 변경 이벤트 핸들러를 사용하고 버튼의 클릭 핸들러하려면 여기

$(document).on("pagecreate", "#page1", function() { 
    $("#issue").on("click", function (event) { 
     alert("Button Click"); 
    }); 

    $("#ev_1").on("change", function (event) { 
     alert("Checkbox Change"); 
    }); 
}); 

하는 작업 DEMO