2011-01-11 1 views
0

を働いていない:のdivにクラスを追加すると、私は動的にjQueryを使ってのdivを作成し、それをスタイルするために、それにクラスを追加していきちんと

borderTacoは、次のスタイルになるように定義され
var borderDiv = $('<div />').addClass('borderTaco'); 
// add borderDiv to the DOM... 

要素がDOMに正しく挿入されていても、スタイルはdivに適用されていないようです。ファイヤーバグで要素を調べると、その要素が正しいクラス属性を持っているが、スタイル規則はなく、正しく表示されないことを示します。

Hereはコードのjsbinです。

答えて

1

あなたのクラスは、iframe内に使用されているクラスは、このiframe内に定義する必要がありますので。

+0

次の質問:iframeにクラスを定義するにはどうすればいいですか? ;-) – Nabab

1

divがDOMに追加された後にaddClassと呼ぶことを試みてください。

var borderDiv = $('<div />'); 
// add to DOM 
borderDiv.addClass('borderTaco'); 
+0

この動作は断続的ですか、またはdivとiframeの間に違いがありますか?質問のjsbinでは、iframeで同じことをやっていますが、正しく動作することに注意してください。 –

0

また、単にセレクタでのdivにクラス権利を追加することができます。

$('<div class="borderTaco" />').appendTo('body'); 
関連する問題