Question

我需要在Content Management System中添加它，其中每个编辑器框都有一个char。限制为4000.我无法将所有内容div放在里面，我需要将每个标签内容div放在一个单独的编辑框中。这就是为什么我需要摆脱包装div。

我有以下标签脚本WITH wrapper div“tabs”：

<div class="tabs">
  <ul class="nav">
    <li><a href="#t1">one</a></li>
    <li><a href="#t2">two</a></li>
    <li><a href="#t3">three</a></li>
  </ul>

  <div id="t1">a lot of content</div>
  <div id="t2">a lot of content</div>
  <div id="t3">a lot of content</div>
</div>

jQuery代码：

$(function () {
    var tabContainers = $('div.tabs > div');

    $('div.tabs ul.nav a').click(function () {
    tabContainers.hide().filter(this.hash).show();

    $('div.tabs ul.nav a').removeClass('selected');
    $(this).addClass('selected');

    return false;
    }).filter(':first').click();
});

我的想法是为我的每个内容添加一个公共类“series1”，以便存档相同的效果但不起作用:(我是一个jquery noob）

  <ul class="nav">
    <li><a href="#t1">one</a></li>
    <li><a href="#t2">two</a></li>
    <li><a href="#t3">three</a></li>
  </ul>

  <div id="t1" class="series1">content</div>
  <div id="t2" class="series1">content</div>
  <div id="t3" class="series1">content</div>

$(function () {
    var tabContainers = $('div.series1');

    $('ul.nav a').click(function () {
    tabContainers.hide().filter(this.hash).show();

    $('ul.nav a').removeClass('selected');
    $(this).addClass('selected');

    return false;
    }).filter(':first').click();
});

如果我必须手动提到jQuery中的个人id / class名称，有人可以帮我完成这项工作吗？

非常感谢!!

Answer 1

这种类型的功能很容易在没有.tabs()的jQuery中实现，请查看this fiddle的一些想法。

没有包装器/容器div的jQuery选项卡

1 个答案: