Question

当用户选择当前链接时，我有三个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>

Answer 1

试试这段代码：

请先包含jquery

CSS

.red {
     color: red;
}

的javascript：

<script type="text/javascript">
    function changeColor(e) {
        $('.red').removeClass('red');
        $(e).addClass("red"); 
    }
</script>

Answer 2

这是原始的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;"

会将link元素传递给javascript函数changeColor，并立即传递return false，因此链接的默认操作（访问其他页面）永远不会发生。（这可能与IE不同）

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

我使用类似Firebug或Chrome的开发者工具，因此您可以在出现时查看错误

asp linkbutton cssclass使用javascript选择

2 个答案: