0

我正在尝试仅将样式添加到选项卡的标题中，我的目标是我希望出现在事件悬停中的类保持不变，直到用户更改选项卡。我试过这样

$("#menuContainer").tabs();
$("#menuContainer").bind('tabsselect',function (event,ui){

    $(this).addClass("ui-state-hover");
});

但是当我这样做时，我更改了所有选项卡的背景，我只想更改标题而不是所有 div。

谢谢你的时间。

更新

我的html

<div id="menuContainer">
        <ul id="menuPrincipal">
            <li>
            <a href="#tabs-1">Quienes Somos</a>
            </li>
            <li>
            <a href="#tabs-2">Catalogo de Repuestos</a>
            </li>
            <li>
            <a href="#tabs-3">Cotizacion OnLine</a>
            </li>
            <li>
            <a href="#tabs-4">Preguntas Frecuentes</a>
            </li>
        </ul>
</div>
4

2 回答 2

0

编辑：在检查正确的孩子时应用正确的遍历：

$("#menuContainer").find("a").each(function(){
    $(this).hover(
        function(){$(this).addClass("ui-state-hover");},
        function(){$(this).removeClass("ui-state-hover");}
    );
});

在http://jsfiddle.net/myriad/EEW2m/上测试模型

于 2011-06-26T03:12:01.047 回答
0

最后，我可以改变标签的样式，您需要附加正确的事件并使用像这样的正确对象

$("#menuContainer").bind('tabsshow',function (event,ui){
    $(ui.tab).parent().removeClass('ui-state-active');
    $(ui.tab).parent().css('border','1px solid #072fc5');

});

注意我删除了ui-state-active添加我的样式的类

同样重要的是事件关联它必须是tabsshow因为在事件tabselected类 ui-state-active 它还没有添加到选项卡

于 2011-06-26T20:29:08.713 回答