javascript - jQuery(移动)不触发 Phonegap 应用程序上的 .change 事件

Question

(因为 2 天我对此没有任何问题...)

我有一个多页面布局，在我的一个页面中我有这样的结构:

<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>

在我关闭 body 标签之前使用以下脚本(按此顺序):

    <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!");
});

虽然我的更改事件没有触发，但我在这里不知所措。

Answer 1

更改您的代码:

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

收件人:

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

当您像这样绑定(bind)一个事件时，它将充当一个事件委托(delegate)。当您执行此绑定(bind)时，基本上对象不需要存在于 DOM 中。