リストを含むページがあります。リストに新しいアイテムを追加するためのボタンがあります。新しいアイテムの追加にJQuery-UIエフェクトを適用したいのですが、エフェクトアニメーションが表示されているときに、リストアイテムのスタイルが設定されていないという問題があります。このフィドルを参照してください-http://jsfiddle.net/Ec3x9/2/。
ユーザーが作成ボタンをクリックすると、アイテムのアニメーションが表示されますが、CSSが適用されていないため、リストアイテムのテキストがアイコンの下に表示されていることがわかります。リストアイテムのアニメーションを表示したい。それ、どうやったら出来るの？
CSS宣言の間と中の>文字を削除します。jqueryが行うことは、アニメーションを実行する前に要素でラップすることです。その場合、はもう直接の子孫ではないため、アニメーション中にスタイルが適用されません。ullilidivliul
例： http： //jsfiddle.net/Ec3x9/8/
IE 7ではスタイルが正しく機能しないようです。FFとChromeでは、画像アイコンの横にテキストが表示されます。IEの場合は、を削除するline-heightか、に設定すると0、機能するはずです。
それを試してみて、問題が解決するかどうかを確認してください。ただし、それはFFとChromeのスタイルを壊します。そのため、IE7とChrome/ FFのデザインを機能させるには、いくつかのスマートを追加する必要があります。