代码之家 › 专栏 › 技术社区 › Jack Tanner

jquery用户界面选项卡向错误的DIV添加类?

jquery-ui-tabs jquery-ui jquery

Jack Tanner · 技术社区 · 14 年前

我正在尝试使用jquery ui 1.7.2即时添加选项卡。首先,我创建一个DIV来保存选项卡中所属的内容,然后调用$('Tabs').Tabs(“添加”,…)。jquery用户界面在标签列表中正确地添加了一个新的li。但是,它并没有在我的tab div上创建一个class属性,而是创建一个全新的带有假ID的tab div,并在此基础上创建类。

下面是它生成的标记:

<div id="tabs" class="ui-tabs ui-widget ui-widget-content">
  <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
  <li class="ui-state-default"><a href="#ui-tabs-41"><span>Tab 1</span></a></li>
  <li class="ui-state-default"><a href="#ui-tabs-36"><span>Tab 2</span></a></li>
  <li class="ui-state-default"><a href="#ui-tabs-27"><span>Tab 3</span></a></li>
  </ul>

  <div id="MyTab1"><img src="/1.jpg"/></div>
  <div id="ui-tabs-41" class="ui-tabs-panel ui-widget-content ui-tabs-hide"/>
  <div id="ui-tabs-36" class="ui-tabs-panel ui-widget-content ui-tabs-hide"/>
  <div id="ui-tabs-27" class="ui-tabs-panel ui-widget-content"/>
  <div id="MyTab2"><img src="/2.jpg"/></div>
  <div id="MyTab3"><img src="/3.jpg"/></div>

像mytab1等的div是我想变成tabs的div。像ui-tabs-41这样的div是jquery ui决定自己生成的。我不知道为什么。

2 回复 | 直到 9 年前

Jack Tanner 14 年前

显然,你必须第一调用$('Tabs').Tabs(“添加”、“MyTab1”,……),然后将内容插入MyTab1。jquery用户界面无法将现有的mytab1容器转换为选项卡。这在jquery用户界面文档中并不明显。

olly 12 年前

嗯,不完全确定,但是A我也有同样的问题,直到我在文档中读到,如果您在LI>A中添加一个标题标签

   <div id=tabs>
   <ul>
   <li><a href="#Tab1" title="Tab1">Tab 1 Head</a></li>
   </ul>
    <div id=Tab1>tab 1 content</div>
   </div>

它确实使用了预定义的DIV,并且不添加任何其他的DIV(即只添加$(tabs”).tabs())在没有任何“添加”等(无论如何对我都有效)的情况下工作正常。不知道,也许它能帮助别人

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前