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

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

谢谢大家的回复 :) 以下内容对我有用..我使用的是我忘记提及的 jquery 选项卡容器。$($div).tabs("选择", 1);

Answer 3

希望这可以帮助！

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

Answer 4

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