2010-12-09 105 views
0

任何人都可以幫助我。我已經在以下幾行中描述了這個問題。調用 - Javascript函數

我想在one.html中調用second.html。

在second.html中,我已經使用腳本標記包含了second.js。

當我直接在瀏覽器(safari,chorme,firefox)中調用second.html時,它的作品FINE

但是,如果我在one.html中調用second.html,那麼second.js(無法由second.html調用)不起作用。

請幫幫我。我附上了代碼。 one.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" /> 
    <script src="jquery-1.4.4.min.js"></script> 
    <script src="jquery.mobile-1.0a2.min.js"></script> 
    <script src="Scripts/one.js"></script> 
    </head> 
    <body> 

    <div data-role="page"> 
     <a href="Views/second.html" data-role="button" class="ui-btn-right">One</a> 
    </div> 

    </body> 
</html> 

Second.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Sample </title> 
    <link rel="stylesheet" href="../jquery.mobile-1.0a2.min.css" /> 
    <script src="../jquery-1.4.4.min.js"></script> 
    <script src="../jquery.mobile-1.0a2.min.js"></script> 
    <script type="text/javascript" src="../Scripts/second.js"></script> 
    </head> 
    <body> 
    <div data-role="page"> 
     <div data-role="button" id="link" >Second</div> 
    </div><!-- /page --> 
    </body> 
</html> 

one.js

$(document).ready(function() 
{  
    alert('one.js');      
}); 

second.js

$(document).ready(function() 
{  
    alert('second.js');      
}); 

感謝

+2

顯示部分代碼請致電 – 2010-12-09 13:40:48

+2

您確切地稱呼second.html?它是AJAX嗎? – 2010-12-09 13:55:26

+0

你的問題不清楚。 – 2010-12-09 14:16:25

回答

1

從我已閱讀,jQuery Mobile的阿賈克斯頁面不顯示新內容時觸發ready事件。您很可能需要綁定到所有'data-role =「page」'元素的pagecreate事件,並檢查second.html上的元素的id是否存在。

本文檔頁面的評論部分有一些這方面的潛力修正: http://forum.jquery.com/topic/mobile-events-documentation

1

的鏈接僅僅是到另一個頁面的引用;瀏覽器實際上並沒有在點擊它之前加載(就第一頁上的腳本而言,無論如何)。

如果你想另一個頁面上訪問腳本,兩個條件必須滿足:

  1. 兩個頁面必須來自同一個域(出於安全原因)。

  2. 這兩頁必須加載在同一個窗口中(例如使用iframe)。

請張貼新的問題,問你要實現什麼,也許有不同的解決方案。