19-12-2011, 11:53
Boas
Estou a tentar mudar a class de uma LI quando carrego nela e simplesmente ja tentei algumas funções e nada, como por exemplo,
$(document).ready(function () {
$('li.li2').click(function () {
$('#link2').removeClass('sub').addClass('left');
ou
$('#link2').css('color, 'green');
});
});
Tentei estas basicas, pois nao tem nenhum filho e nenhum pai.
Podem me ajudar?
codigo da LI (é uma LI dentro doutra, como uma subLI):
<asp:Repeater ID="RepeaterSubMenu" runat="server" OnItemDataBound="RepeaterSubMenu_ItemDataBound">
<ItemTemplate>
<li class="li2"><a id="link2" runat="server" class="sub">
<asp:Literal ID="LiteralName" runat="server"></asp:Literal></a>
</ItemTemplate>
</asp:Repeater>
Css:
.sub:link{color: #514e4c;padding-left: 28px;padding-bottom: 5px;padding-top: 5px;float: left;}
.sub:visited{color: #514e4c;}
.sub:active{color: #514e4c;}
.sub:hover{color: #99CC00;margin-right: 0px;margin-left: 0px;}
.left:link{color: #99CC00;padding-left: 28px;padding-bottom: 5px;padding-top: 5px;float: left;}
.left:visited{color:#99CC00;}
.left:active{color: #99CC00;}
.left:hover{color: #99CC00;margin-right: 0px;margin-left: 0px;}
Como devem reparar, quero carregar no Link2 (respectivo ao LI2) e assim trocar de class.
Agradeço a quem me puderr ajudar
Cumprimentos,
Article0
Estou a tentar mudar a class de uma LI quando carrego nela e simplesmente ja tentei algumas funções e nada, como por exemplo,
$(document).ready(function () {
$('li.li2').click(function () {
$('#link2').removeClass('sub').addClass('left');
ou
$('#link2').css('color, 'green');
});
});
Tentei estas basicas, pois nao tem nenhum filho e nenhum pai.
Podem me ajudar?
codigo da LI (é uma LI dentro doutra, como uma subLI):
<asp:Repeater ID="RepeaterSubMenu" runat="server" OnItemDataBound="RepeaterSubMenu_ItemDataBound">
<ItemTemplate>
<li class="li2"><a id="link2" runat="server" class="sub">
<asp:Literal ID="LiteralName" runat="server"></asp:Literal></a>
</ItemTemplate>
</asp:Repeater>
Css:
.sub:link{color: #514e4c;padding-left: 28px;padding-bottom: 5px;padding-top: 5px;float: left;}
.sub:visited{color: #514e4c;}
.sub:active{color: #514e4c;}
.sub:hover{color: #99CC00;margin-right: 0px;margin-left: 0px;}
.left:link{color: #99CC00;padding-left: 28px;padding-bottom: 5px;padding-top: 5px;float: left;}
.left:visited{color:#99CC00;}
.left:active{color: #99CC00;}
.left:hover{color: #99CC00;margin-right: 0px;margin-left: 0px;}
Como devem reparar, quero carregar no Link2 (respectivo ao LI2) e assim trocar de class.
Agradeço a quem me puderr ajudar
Cumprimentos,
Article0