网页加载后，包含HTML的HTML与onclick javascript不起作用

Question

例如，具有第一页HTML包括标题页HTML

第1页javascript

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script> 
   $(function(){
     $("#header").load("Header.html");
   });
</script>
<div id="header"></div>

标题页

<a href="#" data-toggle="dropdown" class="dropdown-toggle">Booking
<span class="caret"></span></a>
<ul class="dropdown-menu">
    <li><a id="booking" href="#">New Booking</a></li>
    <li id="cancel"><a href="url">Cancellation</a></li>
    <li id="my_booking"><a href="url">My Booking</a></li>
</ul>
</li>

所以我的问题是，在我的标题页HTML中，我有一个菜单下拉列表。 在页面加载期间，我可以单击菜单来下拉列表。 页面完全加载到页面1后，菜单出现故障，单击后无响应。

Answer 1

您可以通过w3简单代码将其包括在内：

 <!-- mport the libraries: --> <script src="http://www.w3schools.com/lib/w3data.js"></script> <!-- include the page: --> <div w3-include-html="Header.html"></div> <script> w3IncludeHTML(); </script>

更多

Answer 2

您可以改用w3-include-html包含header.html 。

 <!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>

<body>

<div w3-include-html="header.html"></div>

<script>
    w3IncludeHTML();
</script>

</body>
</html>

Answer 3

您可能必须等到文档准备好为止。

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script> 
   $(document).ready
   (
       function ()
       {
           $(function(){
               $("#header").load("Header.html");
           });
       }
   )
</script>
<div id="header"></div>

网页加载后，包含HTML的HTML与onclick javascript不起作用

问题描述

3 个解决方案

解决方案1
0 2016-07-28 09:25:10

解决方案2
0 2016-07-28 09:38:25

解决方案3
-2 2016-07-28 09:22:08

网页加载后，包含HTML的HTML与onclick javascript不起作用

问题描述

3 个解决方案

解决方案1 0 2016-07-28 09:25:10

解决方案2 0 2016-07-28 09:38:25

解决方案3 -2 2016-07-28 09:22:08

解决方案1
0 2016-07-28 09:25:10

解决方案2
0 2016-07-28 09:38:25

解决方案3
-2 2016-07-28 09:22:08