Question

我试图复制jQuery选项卡菜单以在页面的某个位置触发选项卡的内容（它也可能放在不同的div中）。我还将ID替换为Classes，但它不起作用。以下是我制作的示例代码。

<div style="text-align: right;">
    <table>
         <tr>
             <td>15</td>
         </tr>
         <tr>
             <td>20</td>
         </tr>
    </table>
</div>

jQuery(function() {
  jQuery(".tabs").tabs();
});

.menu li {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
}
.menu li a {
  text-decoration: none;
}

提前致谢！

Answer 1

使用选项卡api选项以编辑方式从复制品上的点击事件激活选项卡。

使用exampleFunction { result in switch result { case let .success(response): // custom method implementation // use your (response) string here case let .error(error): // custom method implementation // use your (error.localizedDescription) string here } }的{{1}}回调来更改重复链接上的活动类

＆＃13;

activate

＆＃13;

tabs

＆＃13;

jQuery(function($) {

  var $menu2Links = $("#menu-2 a");      

  var $tabs = $(".tabs").tabs({
    activate: function(event, ui) {
      var tabIndex = $tabs.tabs("option", "active");
      $menu2Links
        .parent()
        .removeClass('ui-state-active')
        .eq(tabIndex)
        .addClass('ui-state-active')
    }
  });

  $menu2Links.click(function(e) {
    e.preventDefault();
    var tabIndex = $(this).parent().index();
    $tabs.tabs("option", "active", tabIndex);
  })
    // show active class on page load on first duplicate link
    .first().parent().addClass('ui-state-active');
});

＆＃13;

带有多个触发菜单的jQuery UI选项卡

1 个答案: