我有这个 jQuery 文件
jQuery(document).ready(function() {
var orderId= <%= OrderLi.ClientID %>;
jQuery("#ApprovalTab").css("display", "block");
jQuery("#ApprovalLi").css("background-color", "#5EA8DE");
jQuery("#ApprovalLi a").css("color", "#FFF");
jQuery("#OrdersTab").css("display", "none");
jQuery("#ApprovalLi a").css("border-bottom", "3px #5EA8DE solid");
jQuery("#ApprovalLi").click(function() {
jQuery("#ApprovalTab").css("display", "block");
jQuery("#ApprovalLi").css("background-color", "#5EA8DE");
jQuery("#ApprovalLi a ").css("color", "#FFF");
jQuery("#orderId a").css("color", "black");
jQuery("#Arrow").css("margin-left", "15px");
jQuery("#ApprovalLi a").css("border-bottom", "3px #5EA8DE solid");
jQuery("#orderId a").css("border-bottom", "3px #D8D9DC solid");
jQuery("#orderId").css("background-color", "#F0F1F4");
jQuery("#OrdersTab").css("display", "none");
});
jQuery("orderId").click(function() {
jQuery("#ApprovalTab").css("display", "none");
jQuery("#OrdersTab").css("display", "block");
jQuery("#Arrow").css("margin-left", "112px");
jQuery("#orderId").css("background-color", "#5EA8DE");
jQuery("#orderId a").css("border-bottom", "3px #5EA8DE solid");
jQuery("#ApprovalLi a").css("border-bottom", "3px #D8D9DC solid");
jQuery("#ApprovalLi").css("background-color", "#F0F1F4");
jQuery("#orderId a").css("color", "#FFF");
jQuery("#ApprovalLi a").css("color", "black");
});
jQuery("#orderId").hover(function() {
jQuery("#orderId a").css("border-bottom", "3px #5EA8DE solid");
});
jQuery("#ApprovalLi").hover(function() {
jQuery("#ApprovalLi a").css("border-bottom", "3px #5EA8DE solid");
});
});
它适用于此:
<ul class="etabs">
<li id="ApprovalLi"><a href="#stopAtTop">Approval </a></li>
<li id="OrderLi" runat="server" ><a href="#stopAtTop">Orders</a></li>
</ul>
如果我不使用 runat="server" 代码就可以正常工作,但是当我使用它时,代码不会呈现。我在互联网上搜索了一些东西,但我发现的唯一一件事是“ID 正在改变”。我已经知道了,您可以在上面的 jQuery 中看到我正在使用服务器 ID。
顺便说一句:我知道我可以优化上面的代码,但我希望它首先工作。
还有什么问题?
谢谢你。