jQuery - 未作成のdiv要素のスタイルを変更

Question

私はsearchengineにしようとしていましたが、正確にどのように呼び出すかわかりません。

私は例えば、successfuly私のdiv要素のスタイルを変更することができます。

$(document).ready($('div.element1').css("float", "left")); 

はこれが正常に存在するクラスelement1のすべての要素を変更します。しかし、新しい（上記の実行後の）要素は、古いオプションfloat: right;で生成されます。このdivのスタイルを永久に変更するためのベスト/シンプルなオプションは何ですか？私は要素が作成された後に手動で注入することができますが、正直では間違っています。

Answer 1

.css()メソッドを使用してインラインスタイルを追加するのではなく、そのスタイルを持つクラスを追加/削除するだけでよいので、これらの要素のスタイルのクラスを作成してください。

新しく作成された要素に定義したクラスがある場合、その要素もスタイルを持ちます。

必要に応じて、あなたがこれを行うことができます：

$(document).on('change','div[class*="element"]', function(){ 
    // your code 
}); 

Answer 2

ちょうど新しいクラスを作成します。

$(document).on('change or_other_event','your_selectors', function(){ 
    // your code 
}); 

を新しい要素はクラスelement1、element2を持っている場合は...、あなたはこのようなものが必要でしょうあなたのCSSの上に新しいクラスにそのクラスを追加します。

.newElement{ 
color:red//example style 
} 

$("<div>",{class:'newElement'}) 

Answer 3

あなたのコード：

$(document).ready($('div.element1').css("float", "left")); 

は同等です：

var element = $('div.element1').css("float", "left"); 
$(document).ready(element); 

これは、任意の非描かれた要素が影響されないことを意味します。代わりに次のコードを使用してください。

上記のコードは、ページが読み込まれた後に変更が行われるようにします。