Jquery 移动弹出表单未提交或未触发点击

Question

所以我有一个直接来自 jquery 移动网站的弹出表单，如下所示。然后在我的脚本文件中，我有一个旨在在单击按钮时触发的调用。我不确定为什么会这样。

弹出窗体：

  <div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
    <form>
        <div style="padding:10px 20px;">
            <h3>Please sign in</h3>
            <label for="un" class="ui-hidden-accessible">Username:</label>
            <input name="user" id="un" value="" placeholder="username" data-theme="a" type="text">
            <label for="pw" class="ui-hidden-accessible">Password:</label>
            <input name="pass" id="pw" value="" placeholder="password" data-theme="a" type="password">
            <button id="admin_btn" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Sign in</button>
        </div>
    </form>
  </div>

按钮标记曾经是 "submit" 类型，但决定将其删除并使其成为通用按钮，我将在其中测试是否通过 ID 单击它。不确定这是否意味着什么。

script.js:

$(document).ready()
{
    $('#admin_btn').click(function(){
        alert("Here");
    });  
}

Answer 1

使用这些代码：

$(document).ready()
{
$(document).on("click","#admin_btn",function(){
    alert("Here");
});  
}

您可以在此处查看差异 link .

Jquery 移动弹出表单未提交或未触发点击

Jquery mobile popup form not submitting or firing click

forms

jquery

click

form-submit

jquery-mobile