Question

我有

形式的标签

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-1">
                    tab1</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-2">
                    tab2</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-3">
                    tab1</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-4">
                    tab3</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-5">
                    tab4</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-6">
                    tab5</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-7">
                    tab7</a> </li>

                <li><a href="#tabsctl00_SPWebPartManager1_g_c3a47fcd_015c_4096_ad26_59b99086ef40_ctl00-8">
                    tab8</a> </li>

    </ul>

我希望在标签的鼠标悬停时选择标签，并且内容必须在同一标签上可见。我尝试将tabIndex属性更改为0并将aria-selected设置为true。但看起来没有任何帮助。我真的不知道，因为我是jquery的新手。

提前致谢：）

Answer 1

$('JQUERY PATH TO TABS li a').mouseenter(function(){
        this.click();
    });

Answer 2

希望这有帮助！

$("li").hover(function(){
 $(this).trigger('click');
 });

Answer 3

谢谢大家的回复:)以下为我工作..我正在使用一个jquery选项卡容器，我忘了提及。 $（$ div）.tabs（“select”，1）;

Answer 4

  Enjoy with simple code............  
  $('.Class Name').mouseenter(function(){
            this.click();
        });

使用jquery在鼠标悬停上选择一个选项卡

4 个答案: