0

嘿伙计们！我的索引菜单有问题。似乎在我用 ajax 加载另一个页面后，菜单不再工作。你能帮忙吗？谢谢 index 和 header1 有相同的 javascript 有问题吗？

索引 HTML：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lukcomputers</title>
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>

<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="fonts/fonts.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<!--Menu-->
<div id="menu"><img src="img/menu/menu.png" width="900" height="517" /></div>
<div id="service" class="font-menu"  ><a href="#link" style="text-decoration:none; color:#FFF;">SERVICE</a></div>
<div id="service-buton" class="font-menu-bold" ><a href="#link" style="text-decoration:none; color:#FFF;">SERVICE</a></div>
</div>
<!--End of Menu-->

<div id="content"></div>

</body>
</html>

Javascript：

$(document).ready(function() {
    $("#toggle").hide();
    $('#service').click(function() { $('#toggle').toggle();$("#service").css('visibility', 'hidden');$("#service-buton").css('visibility', 'visible');});
    $('#service-buton').click(function() { $('#toggle').toggle();$("#service").css('visibility', 'visible');$("#service-buton").css('visibility', 'hidden');});


       $('#acasa').click(function() { 
       $.ajax({
           url:"header1.html",
           success: function(data) {
               $("#content").html(data)}
       });
       });

});

Header1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lukcomputers</title>
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>

<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="fonts/fonts.css" rel="stylesheet" type="text/css" />
</head>

<body>


<!--Content-->
<div id="paragraf1" class="myriad">Instalare sisteme oferare<br />(WINDOWS, LINUX),<br />instalare aplicatii, back-up date.</div>
<!--End of  Content-->

</body>
</html>
4

2 回答 2

0

你的 header1 html 文件应该只有这一行

<div id="paragraf1" class="myriad">Instalare sisteme oferare<br />(WINDOWS, LINUX),<br />instalare aplicatii, back-up date.</div>
于 2013-06-26T12:05:31.480 回答
0

你正在做的是一个不好的做法。如果要将页面的特定部分加载到当前页面中，请使用.load() 。在你的情况下，它是

$('#content').load('header1.html #paragraf1');
于 2013-06-26T12:06:30.170 回答