出于某种原因,我无法让任何动画与我的 jQuery UI 选项卡一起使用。我已经尝试了这里的许多示例,但都没有成功。
这是我如何布置标签的方式。
<div id="tabs">
<ul class="tabsHeader">
<h1>PARTNERSHIPS</h1>
<li><a href="#tabs-1"><span class="toothIcon"></span>The Benefits</a></li>
<li><a href="#tabs-2"><span class="avatarIcon"></span>Join Us</a></li>
</ul>
<div class="clearfix"></div>
<div id="tabs-1">
<div class="content">
<h1>header</h1>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
</div>
</div>
<div id="tabs-2">
<div class="content">
<p>some text</p>
<form>
<input type="text" name="name" placeholder="NAME" />
<input type="text" name="email" placeholder="EMAIL" />
<input type="text" name="phone" placeholder="PHONE" />
<input type="text" name="city" placeholder="CITY OF PRACTICE" />
<input type="submit" />
</form>
</div>
</div>
</div>
像这样初始化:
$('#tabs').tabs({ fxFade: true, fxSpeed: 'fast' });
或者
$( "#tabs" ).tabs({ hide: { effect: "explode", duration: 1000 } });
选项卡按预期工作,但没有动画?有谁知道为什么?