2012-07-17 131 views
0

我已經包括Jquery & Jquery mobiles最新版本。Jquery移動按鈕問題

我基本上試圖使用移動按鈕來調用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加載在.. 謝謝

回答

1

請勿使用內嵌 Javascript(read why here)來調用函數。它看起來像你遇到的錯誤是因爲你的personSearch.js文件尚未加載,因此該函數可能不存在。使用Chrome/Firebug的JS控制檯檢查該功能是否絕對是定義,然後創建一些其他腳本類似以下內:

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

這將確保該DOM被加載並結合前準備點擊事件按鈕。請確保此腳本已加載您的personSearch.js腳本。

+0

謝謝,更詳細的問題可以解釋這個問題嗎? – LmC 2012-07-17 10:09:44

+0

你是否在外部文件中試過它,而不是從onclick屬性調用函數呢? – 2012-07-17 10:12:41

+0

是的,這有效,但問題似乎是,當我進入我的頁面,如果我做的libk頁面包括rel =「外部」它的工作原理,但沒有它不does not – LmC 2012-07-17 10:13:50