Javascript 如何使用jquery ui选项卡使表内的元素切换选项卡_Javascript_Jquery_Jquery Ui_Tabs_Jquery Ui Tabs

Javascript 如何使用jquery ui选项卡使表内的元素切换选项卡

javascript jquery jquery-ui tabs

Javascript 如何使用jquery ui选项卡使表内的元素切换选项卡,javascript,jquery,jquery-ui,tabs,jquery-ui-tabs,Javascript,Jquery,Jquery Ui,Tabs,Jquery Ui Tabs,嗨，我想做的是创建一个选项卡式页面，其中表中的元素也可以用来切换到另一个选项卡。我能够使用jqueryui使选项卡工作，但问题是当我单击表中的元素时，它不会切换到另一个选项卡。这是我的密码 <script> $(function() { $( "#tabs" ).tabs(); }); </script> </head> <body> <div id="tabs"> <ul> <li&

嗨，我想做的是创建一个选项卡式页面，其中表中的元素也可以用来切换到另一个选项卡。我能够使用jqueryui使选项卡工作，但问题是当我单击表中的元素时，它不会切换到另一个选项卡。这是我的密码

<script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>
</head>
<body>

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Table</a></li>
    <li><a href="#tabs-2">Employee info</a></li>
  </ul>
  <div id="tabs-1">

       <table>
      <tr>
        <td><a href="#tabs-2">ABC123</a></td>
        <td>Smith</td> 
        <td>50</td>
      </tr>
      <tr>
        <td><a href="#tabs-2">ABC124</a></td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
    </table>
  </div>
  <div id="tabs-2">
    <p>Info about ABC123 When clicked</p>
  </div>

</div>


$（函数（）{
$（“#制表符”）.tabs（）；
});




史密斯
50
杰克逊
94
单击时有关ABC123的信息

尝试将其添加到jQuery中：

$(".tab2").on("click", function() {
    $("#tabs").tabs("option", "active", 1);
});

另外，将您的HTML更改为：

<table>
  <tr>
    <td><a class="tab2">ABC123</a></td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td><a class="tab2">ABC124</a></td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>


当你提出问题时，最好包括具体的错误，展示解决问题的任何尝试，并展示研究成果。没有错误。顶部的选项卡可以工作，但表中的元素不能。如果这是您的全部代码并且没有错误，我会非常惊讶。您的代码中是否有更多未显示的内容（请记住，代码应该是最小的且可验证的）？它不起作用。我必须替换my jquery代码还是只在下面添加您编写的代码？只需在下面添加即可。您仍然需要您的代码来启用jQueryUI选项卡功能它仍然不起作用。。我会尝试使用你的代码谢谢你给我一个idea@Onedaynerd没问题。看看这个