如何使用jquery将外部html代码插入Div
[英]How to insert External html code to Div with jquery
问题描述
这是我的Html代码index.html
<body>
<div id="container">
<div id="header">
<div class="menu_div">
<ul id="menu-bar">
<div id="menu_div">
<li><a href="#" id="#home">Home</a></li>
<li><a href="#" id="#men">Men</a></li>
<li><a href="#" id="#women">Women</a></li>
<li><a href="#" id="#cosmetics">Cosmetics</a></li>
<li><a href="#" id="#accessories">Accessories</a></li>
<li><a href="#" id="#services">Services</a></li>
<li><a href="#" id="#aboutus">About Us</a></li>
</div>
</ul>
</div>
</div>
<div id="control">
<p style="position:relative;">Lorem Ipsum...</p>
</div>
</div>
</body>
这是我的Jquery代码，用于更改外部div
<script type="text/javascript">
$(document).ready(function(){
$('#aboutus').click(function () {
$('#control').load('AboutUs.html #controlAboutUs') ;
});
});
</script>
这是我的外部Html.AboutUs.html
<html>
<head>
<title>About us</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="controlAboutUs">
<div>
<h3>Welcome From Ivory's Collection</h3>
<p>
We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.We export Clothes,Accessories and Branded cosmetics from Japan Directly. We are fully guranteed for quality and designs.
</p>
</div>
</div>
</body>
</html>
我尝试使用简单的代码，它有效。 但在这个文件中，它无法正常工作。 我不知道为什么......请帮助我
1 个解决方案
解决方案1
5 已采纳 2014-07-25 01:19:53
哦伙计，在你的html代码上声明一个id时不要使用哈希。
例如
<li><a href="#" id="aboutus">About Us</a></li>
应该这样做。
如何使用jquery.html在div中插入html代码
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.