Question

我正在尝试使用隐藏/显示不同div的文本制作导航栏。我想拥有它，所以当你点击其中一个选项时，文字变成红色表示它已被选中，而其他任何项目被选中是＆＃34;未被选中＆＃34;。我对JavaScript很新，但我认为最好的方法是在onClick上添加一个类，并从其兄弟单元中删除该类。但它没有工作 - 没有任何事情发生在点击。我做错了什么？

<html>
<head><title>test</title>
<style>
 .reddish { color:red; }
</style>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" language="javascript">
function redFunction() {
$( '.navItem' ).addClass( 'reddish' );
}
</script>
</head>
<body>
<p class="navItem" onClick="redFunction()">Option 1</p>
<p class="navItem" onClick="redFunction()">Option 2</p>
<p class="navItem" onClick="redFunction()">Option 3</p>
</body>
</html>

Answer 1

Javascript代码应该与css分开！

<style> 
      .reddish { color:red; }
</style>
<script type="text/javascript" language="javascript">
    function redFunction() { $( "p" ).addClass( 'reddish' ); }
</script>

onClick addClass颜色到导航栏项 - 不工作

1 个答案: