无法使用jQuery

Question

下面是一个使用jQuery Mobile的我的HTML重定向到PHP页面：

<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

首先，确保你已经装载jQuery和jQuery Mobile的使用正确的路径和顺序（包括jQuery的核心第一）

其次，尽量包裹里面DOM准备$(function(){ });代码：

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

Answer 2

你可以试试这个

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

Answer 3

要对它进行适当&试试这个，

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

Answer 4

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

</script> 

试试这件 'click' 事件

Answer 5

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

避免使用.ready()来绑定jQuery Mobile中的事件，使用页面为jQuery Mobile框架设计的事件。

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

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

    }); 
}); 

确保阿贾克斯导航已启用，将此代码放在head标签。