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

首先需要在click事件上绑定pagecreate。然后使用change函数移动到该页面。

不要使用.ready()来绑定jQuery Mobile中的事件，使用为jQuery Mobile框架设计的 page 事件。

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

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

  });
});

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

Answer 2

首先，确保你已经使用正确的路径和顺序加载jQuery和jQuery mobile（首先包含jQuery核心）

其次，尝试将您的代码包装在DOM ready $(function(){ });：

中

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

Answer 3

做得好＆amp;试试这个，

$(document).ready(function(){
    $('#dbmgmt').click(function(){
        window.location.href='dbmgmt.php';
    });
});

Answer 4

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

</script>

尝试“点击”事件

Answer 5

你可以试试这个

$(function() {
  $('#dbmgmt').live('click',function(){
      window.location.href='dbmgmt.php';
  });
});

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

5 个答案: