显示/隐藏按钮在Mac上不起作用
显示/隐藏按钮在Mac上不起作用
提问于 2011-08-14 04:22:56
因此，显示/隐藏按钮在Windows上的所有浏览器中都可以正常工作，但在Mac上的Safari和Google Chrome中却无法正常工作。它要么根本不显示/隐藏列表，要么只显示部分项目...我使用(Son of) Suckerfish
用于多级下拉列表。这是网址：http://eximi.dreamhosters.com/Hawaii/pkdiet/pkd.php
显示/隐藏按钮的JavaScript：
function toggleDiv()
{
if (document.getElementById("submenu").style.display == "block")
{
document.getElementById("submenu").style.display = "none";
}
else
{
document.getElementById("submenu").style.display = "block";
}
}CSS for 'suckerfish‘部分：
#nav, #nav ul {
float: left;
width: 14em;
list-style: none;
line-height: 1;
font-family: Tunga, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0 0 1em 0;
}
#nav a {
display: block;
width: 10em;
w\idth: 6em;
color: #996637;
text-decoration: none;
padding: 0.25em 2em;
}
#nav a.daddy {
background: url(rightarrow2.gif) center right no-repeat;
}
#nav li {
/*float: left;*/
padding: 0;
width: 10em;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 14.4em;
font-weight: normal;
border-width: 0.25em;
margin-left : 10.05em;
margin-top : -1.35em;
}
#nav li li {
padding-right: 1em;
width: 13em
}
#nav li ul a {
width: 13em;
w\idth: 9em;
}
#nav li ul ul {
margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}您可以在上面的URL上的源代码中看到HTML。谢谢!
回答 4
Stack Overflow用户
发布于 2011-08-14 04:40:26
在你的suckerfish.js中，我在谷歌chrome上得到了这个错误：
uncought SyntaxError: unexpectect token <虽然在Firefox中它可以工作，但它抛给我这个错误：
XML can't be the whole program
//--><!]]></script>看起来你的XML结构注释把你搞得一团糟，唯一的区别是chrome停在第一行的请求处，而firefox停在最后。
Stack Overflow用户
发布于 2011-08-14 04:35:43
我得到了错误：
Uncaught TypeError: Cannot read property 'style' of null我猜由于某种原因，你的页面上没有ID为"submenu“的元素。
此外，在Chrome中，包含"onClick“函数的输入元素位于按钮上方。
Stack Overflow用户
发布于 2011-08-14 04:41:38
您的问题不在于脚本本身，而在于您形成脚本标记的方式：
<script type="text/javascript"><!--//--><![CDATA[//><!--
...
//--><!]]></script>这可以是：
<script type="text/javascript">
...
</script>或者，如果您想保留用于XML验证的CDATA：
<script type="text/javascript">
//<![CDATA[
...
//]]>
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7053033
复制相关文章
相似问题
腾讯云开发者
