触发JavaScript的不工作

我只想要一个简单的切换JS，所以当你在出现有关文本的导航点击关于，但它现在的工作OO触发JavaScript的不工作

JS部分：

<script language="JavaScript" type="text/javascript"> 
function toggle() { 
var about = document.getElementById('about') 
if(about.style.display = "none") 
{ 
about.style.display = "block"; 
} 

else 
{ 
about.style.display = "none"; 
} 
} 
</script>

HTML：

<header> 
... 
    <nav><ul> 
     <li><a href="index.html" id="active">Home</a></li> 
     <li><a href="javascript:toggle()" onClick="toggle()">About me</a></li> 
     ...more <li>s... 
    </ul></nav> 
</header> 
<br/> 

<div id="about"> 
aboutme 
</div>

CSS：

#about { 
    display: none; 
    }

我做错了什么？有谁能够帮助我？

来源

2013-01-13 mrgerbik2013

另外，不要在链接的'href'中放入'javascript：toggle（）'。 –

''？ – mrgerbik2013

是的，没关系。但是，如果您只将该元素用于JavaScript，则应该使用按钮并将其作为链接进行设置。 –

在if语句，你必须have two equal sign

function toggle() { 
    var about = document.getElementById('about'); 
    if(about.style.display == "none") 
    { 
     about.style.display = "block"; 
    } 
    else 
    { 
     about.style.display = "none"; 
    } 
}

注意

= you can just assign value to variable 
== must be used to compare variables values 
=== must be used to compare variables in every aspect (In type too)

来源

2013-01-13 15:21:52 tnanoba

笨我 - .-谢谢！ :) – mrgerbik2013

修复==问题，然后，而不是躲在你的 “约” 与CSS规则元素把样式直接在元素上：

<div id=about style='display: none'>About Me</div>

如果不这样做，JavaScript代码将不会在样式对象上看到“显示”属性。（样式对象只反映与元素直接关联的样式，而不是CSS样式表控制的样式）。

来源

2013-01-13 15:25:10 Pointy

触发JavaScript的不工作

回答

相关问题