jQuery UIシェイクエフェクトは改行で始まります

Question

下記のjsfiddleリンクでは、テキストと入力欄の段落があります。私は入力ボックスを振るためにjQueryのUIを使用しますが、奇妙なことにシェイクエフェクトはテキストの1行下から始まります。

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

Answer 1

で閉鎖され、あなたが入力が<div class="ui-effects-wrapper">によってラップされていることを確認し、それが次の行に折る理由です。私はMooToolsは精通していないけど、quick'n'dirtyの修正は、そのDIVにdisplay:inlineを割り当てるには、次のようになります。

<style type="text/css"> 
    .ui-effects-wrapper { 
     display:inline; 
    } 
</style> 

Answer 2

「インライン」ながら振るinputのための十分な余地が（それが動的にdiv要素に包まれています）がありませんので、それは次の行にラップし、それが終了したときだけ戻ります。

テキストとinputをブロックレベルの要素（浮動小数点並びdiv '）に置き、すべてを所定の位置に置きます。

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

はまた、そのような事がないように私は</input>を取り除くことに注意してください。あなたが効果中にソースコードをチェックすると<inputは単に/>