我在我的网站上使用一个菜单折叠javascript,当我在标题中单击成员时,成员列表必须显示为手风琴成员。在firefox和chrome中,它工作得很好,但当我用IE8测试时,所有成员都显示在点击成员标题之前。有人可以帮助我,这是浏览器兼容性问题或其他东西。希望我能尽快得到答复。
这是js页面中的函数。//menu-collapsed.js
<script type="text/javascript">
function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() {initMenu();});
</script>
和HTML页面是:
<html>
<head>
<script src="includes/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="includes/menu-collapsed.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var page={};
$(function() {
new FrontPage().init();
});
//]]>
</script>
</head>
<body>
<ul id="menu">
<li>
<?php
$mvo=new menuVO();
$mdao=new menuDAO();
$menus=$mdao->fetchAll('onlypublished');
foreach($menus as $menu)
{
if($menu->menu_type=='Member')
{
echo "<a href='"#'">$menu->name</a>";
}
}
$mvo=new membersVO();
$mdao=new membersDAO();
$list=$mdao->fetchAll('onlypublished');
echo "<ul>";
foreach($list as $members)
{
echo "<li><span><a href='"$members->url'">$members->name</a></span></li>";
}
echo "</ul>";
?>
</li>
</ul>
</body>
</html>
显示您的代码。你也可以在试着做一个的过程中找到答案。