Jquery移动按钮问题

Question

我已经包括Jquery & Jquery mobiles最新版本。

我基本上试图使用移动按钮来调用JavaScript函数，但有问题。

这个工作在铬罚款，但没有对剧本的WebWorks（这是我得到的错误）

<script type="text/javascript" src="js/personSearch.js" ></script> 

包括我的自定义JavaScript代码

在那个文件我有folllowing代码

function testme() 
{ 
    alert("tet"); 
} 

我已经尝试了所有的方法如下：

<input type="button" onclick="testme();" value="Button" /> 
<a id="psClear" href="javascript:testme();" data-role="button" data-inline="true">Clear</a> 

对他们来说，我得到的错误： mainMenu.html：1ReferenceError：找不到变量：TESTME

我觉得它的东西做的方式Ĵ查询手机呈现按钮，但不知道...

UPDATE

如果我添加相对加载之前在javascript和工作正常，但重新加载一次所有的脚本，并且不工作不相对=“exnteral”

<link rel="stylesheet" type="text/css" href="css/jqueryMobileCSS.css"> 
    <link rel="stylesheet" type="text/css" href="css/customStyle.css"> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jqueryMobile.js"></script> 
    <script src="js/eBar.js"></script> 
    <script src="js/moment.min.js"></script> 
    <script src="js/ain.js"></script> 
    <script src="js/tleBar.js"></script> 
    <script type="text/javascript" src="js/ps.js" ></script> 

=“外部”页面

所以没有REL =“外部”js/ps.js似乎不会加载... 位于这两个页面上的脚本是完全相同的，但新页面有js/ps，js加载在.. 谢谢

Answer 1

请勿使用内嵌 Javascript（read why here）来调用函数。它看起来像你遇到的错误是因为你的personSearch.js文件尚未加载，因此该函数可能不存在。使用Chrome/Firebug的JS控制台检查该功能是否绝对是定义，然后创建一些其他脚本类似以下内：

$(document).bind('pageinit',function() { 
    $("#psClear").on('click',function(){ 
     testme(); 
    }); 
}); 

这将确保该DOM被加载并结合前准备点击事件按钮。请确保此脚本已加载后您的personSearch.js脚本。