Asp.net mvc 2 如何通过添加类将图像添加到默认选中的JQuery选项卡?

Asp.net mvc 2 如何通过添加类将图像添加到默认选中的JQuery选项卡?,asp.net-mvc-2,jquery-ui,jquery-tabs,Asp.net Mvc 2,Jquery Ui,Jquery Tabs,我有一个jQuery选项卡,需要在其中添加一个图像 因此,当一个选项卡被选中时 这是通过以下代码实现的: $(".ui-state-active").css("background-image", "url('/Content/images/tab-over.png')"); $('#tabs .tab-menu li a').click(function() { $('#ta

我有一个jQuery选项卡,需要在其中添加一个图像

因此,当一个选项卡被选中时

这是通过以下代码实现的:

        $(".ui-state-active").css("background-image", "url('/Content/images/tab-over.png')");
        $('#tabs .tab-menu li a').click(function() {
            $('#tabs .tab-menu li').css("background-image", "none");
            $(this).parent().css("background-image", "url('/Content/images/tab-over.png')");
        });
除了在第一行代码中删除该类(.ui-state-active)并添加我自己的类之外,它工作得很好。如何做到这一点?这是我的标签代码:

<ul class="tab-menu">
        <li><a href="<%= Url.Action("GetCoreTab", "Tab") %>" class="a"><b>
            <div id="home" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetCustomerInformationTab", "Tab") %>" class="a"><b>
            <div id="customer-information" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetRatesAndChargesTab", "Tab") %>" class="a"><b>
            <div id="rates-and-charges" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetPaymentsAndVouchersTab", "Tab") %>" class="a"><b>
            <div id="payments-and-vouchers" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetDeliveryAndCollectionTab", "Tab") %>" class="a"><b>
            <div id="delivery-and-collection" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetGeneralTab", "Tab") %>" class="a"><b>
            <div id="general" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetEquipmentAndOtherDriversTab", "Tab") %>" class="a">
            <b>
                <div id="equipment-and-other-drivers" class="menu">
                </div>
            </b></a></li>
        <li><a href="<%= Url.Action("GetCustomerPreferencesTab", "Tab") %>" class="a"><b>
            <div id="customer-preferences" class="menu">
            </div>
        </b></a></li>
        <li><a href="<%= Url.Action("GetCustomerStatisticsTab", "Tab") %>" class="a"><b>
            <div id="customer-statistics" class="menu">
            </div>
        </b></a></li>
    </ul>
感谢您的帮助


谢谢。

我建议您覆盖.ui状态活动类,并删除与之相关的所有样式。该类被添加到元素中,其被激活,因此删除覆盖该类的样式应该可以。

我知道可以,但我正在尝试删除该类并应用我自己的类,因此如果我在应用程序中使用另一个选项卡集,则默认的.ui状态活动行为存在,而不是被覆盖。(从长远来看很有用——你不这么认为吗)