-1

当用户选择当前链接时,我有三个linkbuttons它应该是红色的。但目前它甚至使访问的链接也变成红色,这不应该是这种情况。有人可以帮忙吗?

<li>
<asp:LinkButton ID="lnkCat1" runat="server" 
OnClick="lnkCat1_Click" CssClass="mylink" 
OnClientClick="return changeColor();"></asp:LinkButton></li>

<script type="text/javascript">
  function changeColor(e) {
        e.style.color = "red";
        }              
  }
</script>
4

2 回答 2

0

试试这个代码:

请先包含 jquery

css

.red {
     color: red;
}

javascript:

<script type="text/javascript">
    function changeColor(e) {
        $('.red').removeClass('red');
        $(e).addClass("red"); 
    }
</script>
于 2013-01-02T15:51:15.277 回答
0

这是原始的 javascript 代码,即您不需要像 jQuery 这样的库。

<li>
<asp:LinkButton ID="lnkCat1" runat="server" 
OnClick="lnkCat1_Click" CssClass="mylink" 
OnClientClick="return changeColor(this); return false;"></asp:LinkButton></li>

<script type="text/javascript">
  function changeColor(e) {
     e.style.color = "red";
  }              

</script>

这条线

OnClientClick="return changeColor(this); return false;"

将链接元素传递给 javascript 函数changeColor,并且立即return false,因此链接的默认操作(访问另一个页面)永远不会发生。(这对于 IE 可能有所不同)

你的实际功能也有一个额外}的。

我会使用诸如 Firebug 或 Chrome 的开发者工具之类的东西,这样您就可以查看出现的 javascript 错误

于 2013-01-02T16:07:07.713 回答