目前我正在使用jquery.ba-hashchange.min.js和dynamicpage.js從索引頁面動態加載內容,因此將標題保留在一個文件中。但是,jquery.ba-hashchange.min.js會干擾我內容中的其他jQuery。將動態標題插入多個頁面?
有沒有辦法將頁眉插入到頁面中,而不是將內容插入到帶有頁眉的索引頁面中?
請注意我使用HTML5/CSS和jQuery(不是PHP)
目前我正在使用jquery.ba-hashchange.min.js和dynamicpage.js從索引頁面動態加載內容,因此將標題保留在一個文件中。但是,jquery.ba-hashchange.min.js會干擾我內容中的其他jQuery。將動態標題插入多個頁面?
有沒有辦法將頁眉插入到頁面中,而不是將內容插入到帶有頁眉的索引頁面中?
請注意我使用HTML5/CSS和jQuery(不是PHP)
您可以使用append與JQuery的添加代碼,而是因爲如果用戶關閉JavaScript的他我不會推薦它,你贏了沒有標題。
嘗試財產以後這樣的:
<head>
<title></title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
$(document).on('pagebeforeshow', '[data-role="page"]', function(){
$.mobile.activePage.find('[data-role="header"]').load("header.html", function(){
$(this).parent().trigger('pagecreate');
});
$.mobile.activePage.find('[data-role="footer"]').load("footer.html", function(){
$(this).parent().trigger('pagecreate');
});
});
</script>
</head>