专注于 jquery UI 选项卡的选项卡

Posted 2023-05-08

【中文标题】专注于 jquery UI 选项卡的选项卡

【英文标题】：Get focus on a tab of jquery UI tabs

【发布时间】：2018-04-29 04:34:57

【问题描述】：

我想重点关注带有 href tabs_11 的标签：

<div id="tabs">

            <!-- PB :: MENU_PRINCIPAL_________________________________________________-->
            <ul>
                <!--<li><a href="#tabs_2-1">Mes données personnelles</a></li>-->
                <li><a href="#tabs_2-4">Mes stagiaires</a></li>
                <li><a href="#tabs_2-2">Formulaire d'évaluation</a></li>

                <!--<li><a href="#tabs_2-3">Mon calendrier</a></li>-->
                <li><a href="#tabs-1">Personnel</a></li>

                <li><a href="#tabs-6">Documentation</a></li>
                <!--<li><a href="#tabs-7">Equipement IT</a></li>-->
                <li><a href="#tabs-8">Motivation</a></li>
                <li><a href="#tabs_9">Mon calendrier</a></li>
                <li><a href="#tabs_10">Documents utiles & FAQ</a></li>
                <li><a href="#tabs_11">Renouveler mon agrément</a></li>

            </ul>


            <?php
        if(isset($_SESSION['en_attente']) && isset($_SESSION['soumis']))
        
                ?>
                  <script>


                        alert("Message");

                        $('#tabs_11').tabs(
                        
                                active: index
                        );

                 </script>

        <?php 
        
?>

此代码不允许我选择带有 href #tabs_11 的选项卡

我尝试了一切，没有成功......

【问题讨论】：

定义选项卡的代码部分会有帮助。

【参考方案1】：

   $('#tabs_11').tabs(

在 jQuery 中 # 表示元素 ID，它与 URL 字符串中的 # 不同。给你的 li/a 元素一个 ID，或者基于不同的属性访问它，比如 href ：

$( "a[href='#tabs_11']" ).closest("li"); // if you need to target the li element
$( "a[href='#tabs_11']" ) // if you dont