3

以下のjsfiddleリンクには、テキストのある段落と入力ボックスがあります。jQuery UI を使用して入力ボックスをシェイクしますが、奇妙なことにシェイク効果はテキストの 1 行下から始まります。

http://jsfiddle.net/VQj2Z/6/

4

3 に答える 3

7

エフェクト中にソースコードをチェックすると、入力がラップされていることがわかります<div class="ui-effects-wrapper">。これが、次の行に折りたたまれる理由です。私はmootoolsに精通していませんが、display:inlineそのdivに割り当てるのが簡単です。

<style type="text/css">
    .ui-effects-wrapper {
        display:inline;
    }
</style>
于 2011-07-25T22:58:25.250 に答える
3

「インライン」中に振るのに十分なスペースがないため（動的にdivinputでラップされます）、次の行にラップされ、完了すると元に戻ります。

テキストとinputをブロックレベルの要素（並べて表示div）に配置すると、すべてが所定の位置に留まります。

http://jsfiddle.net/VQj2Z/10/

</input>また、そのようなものがないので 削除したことに注意してください。<input単にで閉じられます/>

于 2011-07-25T22:57:58.253 に答える