我有index.html，Home.html和AboutUs.html
我的页面从index.html开始。加载后，我使用jQuery从Home.html插入html的div滑块代码。工作正常 当我单击About About时，我使用jQuery从AboutUs.html更改了div的html代码。
但是，当我单击回到“主页”菜单时，滑块不起作用。Javascript文件已断开连接。
我在index.html上链接了所有Javascript和CSS文件。
我的index.html和Jquery代码
<html>
<head>
<title>IVORY:SAMPLE ONE</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
<link href="css/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="js/js-image-slider.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<link href="css/generic.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function()
{
$('#control').load('Home.html #controlHome') ;
$('#home').click(function ()
{
$('#control').load('Home.html #controlHome') ;
});
$('#men').click(function ()
{
$('#control').load('Men.html ') ;
});
$('#women').click(function ()
{
$('#control').load('Women.html ') ;
});
$('#cosmetics').click(function ()
{
$('#control').load('Cosmetics.html ') ;
});
$('#accessories').click(function ()
{
$('#control').load('Accessories.html ') ;
});
$('#services').click(function ()
{
$('#control').load('Services.html ') ;
});
$('#aboutus').click(function ()
{
$('#control').load('AboutUs.html') ;
});
});
</script>
</head>
<body>
<div id="container">
<div id="header">
<div id="sub_header">
<h1 id="h1_aaa">I V O R Y - C O L L E C T I O N</h1>
<br>
<h2 style="font-family: Monotype Corsiva,sans-serif;font-size: 45;color: #c24678;padding-top:100px;" id="h2_bbb">Make Yours Dream Come True </h2>
<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>
<div id="control">
</div>
</div>
</body>
</html>
<html>
<head>
<title>IVORY:SAMPLE ONE</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
<link href="css/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="js/js-image-slider.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<link href="css/generic.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function()
{
$('#control').load('Home.html #controlHome') ;
$('#home').click(function ()
{
$('#control').load('Home.html #controlHome') ;
});
$('#men').click(function ()
{
$('#control').load('Men.html ') ;
});
$('#women').click(function ()
{
$('#control').load('Women.html ') ;
});
$('#cosmetics').click(function ()
{
$('#control').load('Cosmetics.html ') ;
});
$('#accessories').click(function ()
{
$('#control').load('Accessories.html ') ;
});
$('#services').click(function ()
{
$('#control').load('Services.html ') ;
});
$('#aboutus').click(function ()
{
$('#control').load('AboutUs.html') ;
});
});
</script>
</head>
<body>
<div id="container">
<div id="header">
<div id="sub_header">
<h1 id="h1_aaa">I V O R Y - C O L L E C T I O N</h1>
<br>
<h2 style="font-family: Monotype Corsiva,sans-serif;font-size: 45;color: #c24678;padding-top:100px;" id="h2_bbb">Make Yours Dream Come True </h2>
<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>
<div id="control">
</div>
</div>
</body>
</html>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句