Question

当我点击链接（Anasayfa）时，功能不起作用。没有变化。我做错了什么？

<script type="text/javascript"
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>

<script type="text/javascript" language="javascript">

        function anasayfa() {
            $( '.gributon1' ) . css({ "background-color": "red"  });
        }
</script>

....

<div class="gributon1"></div>

....

<a href="" onclick="anasayfa()"> Anasayfa </a>

Answer 1

它有效http://jsfiddle.net/BeYty/

Answer 2

您需要从链接的onclick返回false，否则页面将刷新，因为您点击了href“”的链接，这是当前页面。

<a href="" onclick="anasayfa() return false;"> Anasayfa </a>

Answer 3

你的Div是空的，你看不到它的变化，你的链接的href值必须设置为“javascript：void”才能刷新页面。像这样的事情：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
        function anasayfa() {
           $( '.gributon1' ) . css({ "background-color": "red"  });
        }
</script>
...
<div class="gributon1">..</div>
....
<a href="javascript:void" onclick="anasayfa()"> Anasayfa </a>

Answer 4

尝试对代码进行以下两项更改

将您的href修改为<a href="#"></a>
在div

我希望您将代码放在<head>//your script here</head>

<div class="gributon1">some text</div>


<a href="#" onclick="anasayfa()"> Anasayfa </a>

并且脚本部分保持不变

function anasayfa() {
$('.gributon1' ).css({"backgroundColor":"Red"});
}

http://jsfiddle.net/3nigma/BeYty/34/

用css（）的jquery类选择器似乎不起作用？

4 个答案: