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>

按钮标签曾经属于“提交”类型，但决定将其取出并使其成为通用按钮，我将测试是否通过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移动弹出窗体不提交或触发点击

1 个答案: