加載腳本javascript

我使用3 html，1與頁眉，1頁腳，另一個與一切的基礎。我加載頁眉和頁腳用下面的代碼加載腳本javascript

jQuery(document).ready(function ($) { 
    $('#header-load').load('/app/templates/header.html', function() { 
     console.log('header loaded') 
    }); 
    $('#footer-load').load('/app/templates/footer.html', function() { 
     console.log('footer loaded') 
    }); 
    $('.dropdown').on('show.bs.dropdown', function (e) { 
     $(this).find('.dropdown-menu').first().stop(true, true).slideDown(300); 
    }); 

    $('.dropdown').on('hide.bs.dropdown', function (e) { 
     $(this).find('.dropdown-menu').first().stop(true, true).slideUp(200); 
    }); 

})

在基礎HTML，這是以下

<!DOCTYPE html> 
<html class="no-focus" lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Home</title> 
    <link rel="stylesheet" id="css-main" href="/public/css/app.css"> 
    <!-- END Stylesheets --> 
</head> 
<body> 
    <!-- Page Container --> 
    <div id="page-container" class=""> 
     <!-- Header --> 
     <div id="header-load"></div> 
     <!-- END Header --> 

     <!-- Main Container --> 
     <main id="main-container"> 


     </main> 
     <!-- END Main Container --> 

     <!-- Footer --> 
     <div id="footer-load"></div> 
     <!-- END Footer --> 
    </div> 
    <!-- END Page Container --> 

    <!-- JS--> 
    <script src="/public/library/jquery/dist/jquery.min.js"></script> 
    <script src="/public/library/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script src="/public/js/app.js"></script> 
</body> 

</html>

我在app.js一個函數要加載到了header.html ，但它不工作..

負載的頁眉和頁腳，但其他功能不

來源

2017-06-06 Juan David

有您嘗試使用而非公共/庫/ jquery/dist/jquery.min.js？ –

你在控制檯中得到的任何錯誤？ – Krishna9960

在控制檯沒有錯誤，這是最奇怪的事情:( –

.load工作異步像ajax，你必須等待請求完成，然後找到元素並定義事件。

jQuery(document).ready(function ($) { 
$('#header-load').load('/app/templates/header.html', function() { 
    console.log('header loaded') 
    $('#footer-load').load('/app/templates/footer.html', function() { 
     console.log('footer loaded') 
     $('.dropdown').on('show.bs.dropdown', function (e) { 
      $(this).find('.dropdown-menu').first().stop(true, true).slideDown(300); 
     }); 

     $('.dropdown').on('hide.bs.dropdown', function (e) { 
      $(this).find('.dropdown-menu').first().stop(true, true).slideUp(200); 
     }); 
    }); 
}) 
});

來源

2017-06-06 07:03:14

那麼我們爲什麼不試試'超時'功能？ –

@ erdogan- oksuz爲什麼我們在加載標題的功能，其他功能？ –

@AravindhGopi因爲我不知道請求等待時間 –

加載腳本javascript

回答

相關問題