Zmiana atrybutu stylu dla elementów (również tych dynamicznie tworzonych) Opcje

[radziopoke]

Tworząc stronę napotkałem pewien problem.
Mam elementy które posiadają jakąś klase np:

[HTML] pobierz, plaintext 
<div class="klasa"></div>
[HTML] pobierz, plaintext 

w javascripcie mam skrypt, który wszystkim elementom $('.klasa') (korzystam z dobroci JQuery ) dodaje nowe atrybuty za pomocą funkcji css ($('.klasa').css({jakieś atrybuty}) ) . Dzieje się to tylko raz. Kłopot w tym, że nowo utworzone obiekty, tworzone po wykonaniu poprzedniego skryptu nie otrzymują tych atrybutów.
czy jest jakaś możliwość za pomocą javascript dodania stylu css który będzie również dodawany do nowo tworzonych obiektów? (oczywiście bez wykonywania ponownie tego samego skryptu)

[trueblue]

http://api.jquery.com/live/
W pierwszym szarym paragrafie opis w zależności od wersji jQuery.

[radziopoke]

znam tą funkcję lecz nie jest ona mi pomocna gdyż .live (a raczej .on w wersji 1.11) dodaje dopiero gdy nastąpi pewne zdarzenie, a ja żadnego zdarzenia nie wykonuję. nowe elementy dodaję za pomocą append:

[HTML] pobierz, plaintext 
$('#div').append('<div class="klasa"></div>');
[HTML] pobierz, plaintext 

Mogę dodać do tworzonego obiektu atrybut style i w nim dopisać do co potrzebuję (aktualnie tak mam), ale skoro wszystkie elementy .klasa mają mieć dokładnie tą samą właściwość to myślałem, że da radę wpisać tylko by klasa sama do dodawała (nie w arkuszu stylu gdyż javascript generuje wcześniej co ma być dodane). Aktualna metoda trochę rozszerza trochę kod html-a. Bo jest dopisywana dość duża dawka nowych elementów .klasa

[johny_s]

a ten skrypt dodajacy te atrybuty jak masz wywoływany?

[trueblue]

Wrzuć to tam gdzie potrzebujesz nadawać nowe style.

[HTML] pobierz, plaintext 
$('div.klasa').each(function(){
 if($(this).data('dodane')!==true){
  $(this).css({...}).data('dodane',true);
 }
});
[HTML] pobierz, plaintext 

Ten post edytował trueblue 7.05.2014, 17:53:23

[radziopoke]

[HTML] pobierz, plaintext 
image = 'obrazek.png'
function initialize(){
  ...//tutaj jest jeszcze trochę niezwiązanych z tym tematem danych
  $('.klasa').css('backgroundImage', 'url("'+image+'")')
}
initialize();
...//kolejne elementy skryptu i gdzieś dalej dopiero:
$('#div').append('<div class="klasa"></div>');
[HTML] pobierz, plaintext 

wartość zmiennej image jest generowana jeszcze wcześniej, ale tutaj dodałem ją tylko tak by było wiadomo, że jest to zmienna

Po tych odpowiedziach wnioskuję że nie ma możliwości zmienienia stylu dla danej klasy. i trzeba dodawać style każdemu nowemu elementowi. A chciałem tego uniknąć...

Ten post edytował radziopoke 7.05.2014, 17:55:40

[johny_s]

musiał byś wywoływać tą swoją funkcję initialize za każdym razem gdy dodajesz element

[Pyton_000]

Jeżeli masz jakiś kontener do którego to pakujesz to dajesz dla niego akcje

Kod

.on('change', function() {});

[PrinceOfPersia]

a nie możesz dodać kodu CSS w pliku HTML?

[HTML] pobierz, plaintext 
<style>
.klasa {
  background-image:url('obrazek.png');
}
<style>
[HTML] pobierz, plaintext 

ewentualnie tworzyć dynamicznie ten CSS, a potem wrzucać do dokumentu w tagu < style > ......</ style >, tak jak tutaj:
http://jsfiddle.net/9MAq6/1/

nie jest to może supereleganckie, ale działa (chociaż nie wiem co chcesz zrobić dokładnie).

Ten post edytował PrinceOfPersia 7.05.2014, 20:24:39