在jquery mobile中包含很多html文檔時鏈接和嵌入js文件

嗨，我是Jquery mobile的新手。我需要開發包含大量屏幕的移動應用程序。我的應用程序中有大約50個HTML。我正面臨這個問題，這是很難鏈接到每個其他頁面？在jquery mobile中包含很多html文檔時鏈接和嵌入js文件

順便說一句我需要將cordova.js或自定義js文件嵌入到所有頁面。那麼我是否需要將Java腳本文件嵌入到每50頁的頁眉？這是非常耗時的調整自己的應用程序例如

<head> 
<meta charset="utf-8"> 
<title>Smart Realtor</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 

<link rel="stylesheet" href="css/smartrealtor-theme.css" /> 
<link rel="stylesheet" type="text/css" href="css/snap.css" /> 
<link rel="stylesheet" href="css/custom.css"> 
<link rel="stylesheet" href="css/themes/default/jquery.mobile.structure-1.4.2.css"> 
<link rel="stylesheet" href="css/themes/default/jquery.mobile.icons-1.4.2.css"> 
<link rel="stylesheet" href="css/jqm-icon-pack-fa.css"> 
<script src="js/jquery.js"></script> 
<script src="js/globalsetting.js"></script> 
<script src="js/jquery.mobile-1.4.2.min.js"></script> 

</head>

難道jQuery Mobile的提供任何功能，就像我只需要包括JS文件變成index.html。然後我的其他頁面將自動加載這些js文件。請指導我的解決方案，並提供一些示例代碼，而不是給我jQuery的移動文檔鏈接。由於

來源

2014-04-17 user998405

好了，所以我只想澄清，這聽起來像你有2個問題：

添加導航鏈接到所有50個HTML文件
增加一個額外的JavaScript源到所有50個HTML文件

的兩種基本方法來記：

你可以寫一個腳本或使用程序做文本找到並替換爲html目錄中所有文件的。如果你想使用一個程序，你可以使用ReplaceText或類似的工具。如果你想使用腳本，那麼你可以根據自己的喜好編寫它，我可能會使用Python，this link可能會幫助你編寫這樣的腳本。所以後來添加的導航鏈接和嵌入一個額外的JavaScript文件，你可以SEACH的<body>並替換爲：
<body> <nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav> <script src="js/cordova.js"></script>
另一個可能的選擇是將添加導航和動態使用javascipt的文件加載javascript文件你已經包含在你所有的html文件中。請注意，與直接更改html文件（如以前的方法）相比，此方法會稍微降低頁面的性能。因此，例如，加載額外的JavaScript源，您可以添加以下代碼，以globalsetting.js
使用jQuery's getScript() function $(document).ready(function() { $.getScript("js/cordova.js", function(data, textStatus, jqxhr) { console.log(data); // Data returned console.log(textStatus); // Success console.log(jqxhr.status); // 200 console.log("Load was performed."); }); }); 還是正常的JavaScript（source1，source2） var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'helper.js'; head.appendChild(script); ，並添加你可以添加以下內容導航jQuery代碼到globalsetting.js：（source） $("body").append("<nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav></nav>")

來源

2014-04-17 17:42:35 wgardiner

在jquery mobile中包含很多html文檔時鏈接和嵌入js文件

回答

相關問題