javascript - 无法使用 jQuery 重定向到 php 页面

Question

下面是我使用 jQuery Mobile 的 html:

<div class="ui-input-btn ui-btn ui-btn-b">
    Database Management
    <input data-enhanced="true" value="Enhanced - Theme swatch B" type="button" id="dbmgmt"></div>

这是我的脚本:

<script>
    $('#dbmgmt').click(function(){
        window.location.href='dbmgmt.php';
    })

</script>

但是当我点击那个按钮时，它什么也没做。我的错误是什么？

Answer 1

您首先需要在pagecreate 事件上绑定(bind)click。然后使用 change 函数移动到那个页面。

避免在 jQuery Mobile 中使用 .ready() 绑定(bind)事件，使用为 jQuery Mobile 框架设计的 page 事件。

$(document).on("pagecreate", function () {
  $('#dbmgmt').on("click", function () {

    $.mobile.pageContainer.pagecontainer("change", "dbmgmt.php");

  });
});

确保Ajax 导航 已启用并将此代码放在head 标记中。