Html包含另一个带有onclick的Html javascript在页面加载后不起作用
Html include another Html with onclick javascript is not working after page load
例如,Having 1st Page HTML Include header Page 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后,菜单出现故障,单击后没有响应。
您可以使用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>
您可以通过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>
更多
您可能需要等到文档准备好。
<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>
相关文章:
- Webpack:如何将原始HTML加载为React JSX
- 画布 HTML 加载时间
- 使用 Ajax 在 html 加载后调用 jquery 插件
- 用javascript(不带外部文件)将html加载到另一个html中
- 错误 404 时,通过 jQuery 将 HTML 加载到 DIV 中
- 如何在将 html 加载到对话框中后更改标签的文本
- 如何将数据从服务器呈现的 html 加载到模型中
- jQuery 从外部 html 加载内容
- Ajax 将 html 加载到页面上并使用页面 js 不起作用
- 如何在没有安全警告的情况下将一个 html 加载到另一个 html 中
- 安卓:根据上一次活动列表中的选择,修改本地静态html加载的JS
- 在AppStore发布时,iOS应用程序上的index.html加载路径不正确
- 使jquery.load在HTML加载之前发生
- 使用jqueryload方法将ajax响应数据作为内部html加载到页面元素中
- HTML加载用户单击按钮时输入的输入字段数
- jQuery Mobile从新html加载第二个页面
- 使用ajax将html加载到Datatable子行中
- 使用JavaScript将HTML加载到DIV
- 使用JS和JQuery替换AJAX中的字符串或html加载
- js函数加载的页面无法使用js函数js-html加载另一个页面