Nowo wczytane przyciski, dodanie do nich akcji, Delegate(), jquery, ajax, nowe obiekty Opcje

[Sztef89]

Witam,

Ostatnio napotkałem problem z nowo wczytanymi przyciskami przez ajax, po prostu nie można utworzyć do nich żadnej funkcji normalnie - bo przez wczytaniem skryptów js tych obiektów nie było. Poczytałem że trzeba użyć funkcji delegate. Chciałbym do każdego obiektu utworzyć efekt najazdu oraz akcję dla kliknięcia. Zrobiłem to w taki sposób:

[HTML] pobierz, plaintext 
$("body").delegate('#button-w', 'mouseover', function() {
		document.getElementById('icon-watch').style.background='no-repeat url(./images/recomm.png) 0px -86px';  
});
 
$("body").delegate('#button-w', 'mouseout', function() {
		document.getElementById('icon-watch').style.background='no-repeat url(./images/recomm.png) 0px -74px';
});
$("body").delegate('#button-w', 'click', function() {
		alert('kliknięto !');
});
[HTML] pobierz, plaintext 

czy można to w jakiś sposób skrócić ?

[wookieb]

Oczywiście. Naucz się jquery a nie piszesz takie stworki

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('icon-watch').style.background='no-repeat url(./images/recomm.png) 0px -86px';  
[JAVASCRIPT] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$('#icon-watch').css('backgroundPosition', '0px -86px');
[JAVASCRIPT] pobierz, plaintext 

Powód edycji: [wookieb]:

[Sztef89]

Hehe racja ale chodziło mi o coś innego, z tego powyższego kodu chciałem zrobić coś w tym stylu:

[HTML] pobierz, plaintext 
 
$("#jakiesid").mouseover(function(){
jakaś funkcja
}).mouseout(function(){
jakaś funkcja
}).click(function(){
jakaś funkcja
});
[HTML] pobierz, plaintext 

Czy tak dałoby się zapisać poprzednią funkcję ?

Przepraszam za tamte "stworki" ale skopiowałem prosto z html z akcji bezpośrednio dla przycisku

--- EDIT ---
Heh, już mam! Nie wiem czemu mi to wcześniej nie przyszło do głowy.

[HTML] pobierz, plaintext 
$("body").delegate('.button-w', 'mouseover', function() {
		$('.icon-watch').css('backgroundPosition', '0px -86px');
}).delegate('.button-w', 'mouseout', function() {
		$('.icon-watch').css('backgroundPosition', '0px -74px');
}).delegate('.button-w', 'click', function() {
		alert('kliknięto !');
});
[HTML] pobierz, plaintext 

Ten post edytował Sztef89 29.10.2011, 17:16:00