如何加載外部文件頭與jQuery Mobile的

我有一個非常簡單的HTML索引頁和一個非常簡單的HTML頁面標題。如何加載外部文件頭與jQuery Mobile的

的index.html

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
     <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
    </head> 

    <body> 
     <!-- page --> 
     <div data-role="page" id='page'> 
      <!-- header --> 
      <div data-role="header" id="header"> 
      </div> 

      <script> 
       $('#header').load('header.html'); 
      </script> 
     </div> 
    </body> 
</html>

了header.html

<h1>test</h1>

我想的頭文件加載到文件頭的指標，但我有應用JQM班頭的問題。

我已經試過各種方法，包括：

$('#header').load('header.html').trigger('create'); <!-- depreciated --> 

$('#header').load('header.html').trigger('pagecreate'); <!-- depreciated --> 

$('#header').load('header.html'); 
$('#page').trigger('pagecreate'); <!-- depreciated --> 

$('#header').load('header.html', function() { 
    $.mobile.pageContainer.pagecontainer("getActivePage").enhanceWithin(); 
});

我有沒有運氣得到這個正常工作。可能有人點我在正確的方向，最好不要使用.trigger（）

我是加載腳本在正確的位置？倒不如將其加載到頭部，頭部DIV中或在頁面的結束？

謝謝

來源

2016-03-07 user2413192

至於<h1>test</h1>，我相信有更喜歡：

<!DOCTYPE html> 
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'> 
    <head> 
    <meta http-equiv='content-type' content='text/html;charset=utf-8' /> 
    <style type='text/css'> 
     @import 'test.css'; 
    </style> 
    </head> 
<body> 
    <h1 id='test'>test</h1> 
</body> 
</html>

爲了防止從以上網頁上執行任意腳本，雖然我沒有使用任何在我的例子中，你也這樣做：

$('#header').load('test.html #test');

來源

2016-03-08 00:07:28 PHPglue

我不確定你是否仍在尋找答案，但這對我有效。

$.get('header.html').success(function(html){ 
    $(html).appendTo($('#header')).enhanceWithin(); 
});

來源

2017-01-14 04:57:02 SunMan

如何加載外部文件頭與jQuery Mobile的

回答

相關問題