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: block を持つ div を追加し、残りのボタンは inline-block です。これを CSS に追加してみてください。

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

更新されたフィドルは次のとおりです。http://jsfiddle.net/hHLAj/1/

于 2013-03-13T19:39:21.140 に答える