包括來自使用jQuery的不同文件夾的.html文件

Question

我有一個jQuery腳本，其中包括.html文件從包含文件夾到我的index.html，它工作得很好。

var includes = $('[data-include]'); 
jQuery.each(includes, function(){ 
    var file = 'includes/' + $(this).data('include') + '.html'; 
    $(this).load(file); 
}); 

我遇到一個問題，當我嘗試包括相同的.html文件，但這次我在子頁面的文件夾試圖達到同樣的效果，但沒有被包括在內。

文件夾結構：

index.html 
assets 
includes 
    -login.html 
    -header.html 
subpages 
    -contact.html 

的index.html

 <!-- Include search-bar.html --> 
     <section class="login" data-include="login"></section> 

     <!-- Include header.html --> 
     <header class="logo" data-include="header"></header> 

     <script type="text/javascript" src="assets/lib/js/jquery-3.1.1.min.js"></script> 
     <script type="text/javascript" src="assets/js/script.js"></script> 

contact.html

 <!-- Include search-bar.html --> 
     <section class="login" data-include="login"></section> 

     <!-- Include header.html --> 
     <header class="logo" data-include="header"></header> 

     <script type="text/javascript" src="../assets/lib/js/jquery-3.1.1.min.js"></script> 
     <script type="text/javascript" src="../assets/js/script.js"></script> 

Answer 1

要相對於根目錄，啓動URI與/

v ar file ='/ includes /'+ $（this）.data（'include'）+'.html';

試試吧。