網頁加載后，包含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