jQuery를 (모바일) 폰갭 앱에서 .change 이벤트를 트리거하지

Question

내가 여러 페이지 레이아웃을 가지고 (2 일 나는이 아무 문제가 ... 없었기 때문에), 내 페이지 중 하나에 정말 같은 구조를 가지고 : 나는 body 태그 닫기 전에 (이 순서대로) 다음 스크립트와

<div id="view_offer" data-role="page"> 
     <div data-role="header"> 
      <h1>Edit Offer</h1> 
     </div> 
     <div data-role="content"> 
      <p><label><input id="auto_renew" type="checkbox" name="checkbox-0">Auto renew?</label></p> 
     </div> 
    </div> 

:

<script src="js/cordova-2.5.0.js"></script> 
    <script src="js/jquery-1.8.2.min.js"></script> 
    <script src="js/jquery.mobile-1.3.0.min.js"></script> 
    <script src="js/home_m_scripts.js"></script> 

내 home_m_scripts.js을 파일 :

$("#auto_renew").change(function(){ 
    alert("Changed!"); 
}); 

변경 이벤트가 발생하지 않지만 손실이 발생합니다.

$("#auto_renew").change(function(){ 
    alert("Changed!"); 
}); 

하려면 :

Answer 1

은 코드를 변경

$(document).on('change','#auto_renew',function(){ 
    alert("Changed!"); 
}); 

당신이 이벤트 위임 역할을 다음과 같이 이벤트를 바인딩 할 때. 기본적으로이 바인딩을 실행할 때 객체는 DOM에 존재할 필요가 없습니다.