0

我有任意数量的链接,每个链接都样式为引导按钮,在具有普通从左到右流的 div 中。

<div id="btngrp">
  <a href="#" class="btn" id="btn_1">Troll 1</a>
  <a href="#" class="btn" id="btn_2">Troll 2</a>
  <a href="#" class="btn" id="btn_3">Troll 3</a>
  <a href="#" class="btn" id="btn_4">Troll 4</a>
  <a href="#" class="btn" id="btn_5">Troll 5</a>
</div>

使用jquery-UI 的盲目效果删除第一个按钮!将在动画阶段在流程中引入临时“中断”。

$('#btn_1').toggle('blind', { direction: "horizontal" }, 4000)

我怀疑盲效应引入了一些display类型不是的包装元素inline,但我不知道如何修复它。

这是一个说明问题的 jsFiddle:http: //jsfiddle.net/ajsyJ/

4

1 回答 1

1

是的,你是对的:它添加了一个具有 display: 块的 div,其余按钮是 inline-block。尝试将此添加到您的 CSS 中:

#btngrp .ui-effects-wrapper { display: inline-block; }

这是更新的小提琴:http: //jsfiddle.net/hHLAj/1/

于 2013-03-13T19:39:21.140 回答