加载脚本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

回答

相关问题