[Erledigt] jqueryUI + addClass + .live

da.eXecutoR · 09.10.2010, 21:26

Hallo Leute

Ich hab das jqueryUI im Einsatz und kann damit meine input Buttons wie folgt stylen:

Code:

$(":submit").addClass("ui-button ui-state-default ui-corner-all");

Nun hab ich aber das Problem dass ich das ganze auch auf submit Buttons anwenden will welche via ajax nachgeladen werden. Es gibt eigentlich den Befehl .live welcher mit folgendem Beispiel auch funktioniert:

Code:

$(":submit").live('mouseover',function(){
$(":submit").addClass("ui-button ui-state-default ui-corner-all");
})

Aber ich will das CSS ja sofort anwenden und nicht erst wenn ich als user einen event triggere.

Was gibts da für eine Lösung? Ich bin sicher sie liegt auf der Hand aber ich sehe es irgendwie grad nicht.

Danke für Tipps!

nikosch · 09.10.2010, 21:28

Zitat:

Description: Attach a handler to the event for all elements which match the current selector, now and in the future.

da.eXecutoR · 09.10.2010, 21:33

n'Abend nikosch

Ich hab den Satz aus der Docu schon hundert mal gelesen aber da ich keine alternative zum .live gefunden habe gehe ich davon aus dass es damit eine Möglichkeit geben muss.

Muss ich sonst die Funktion bei jedem .ajaxSuccess manuell ausführen lassen? (damit klappts)

nikosch · 09.10.2010, 21:36

Ja. Was ist das Problem bei dieser Lösung? Kannst natürlich auch vom Server gleich entspr. Buttons ausliefern.

da.eXecutoR · 09.10.2010, 22:47

Zitat:

Zitat von nikosch

Ja. Was ist das Problem bei dieser Lösung? Kannst natürlich auch vom Server gleich entspr. Buttons ausliefern.

Naa... da ich auf den Einsatz von einem Template System gelassen habe möchte ich so wenig html wie möglich einsetzen.

Mit dem .ajaySuccess ist es jetzt bequem möglich alle formular Elemente zentral zu verwalten wenn ich mal was ändern will. Und so viele Buttons hab ich ja nicht dass man sich über die Performance im Client Browser Sorgen machen muss.

Ich habs nun so gelöst:

PHP-Code:

  $(document).ready(function(){

    

    // Add Style to the submit elements

    formStyle();

    

    // General Information Box

    $('#statusBox').ajaxStart(function(){

        setStatusBox('Load','Loading data...');

    });

 
    $('#statusBox').ajaxSuccess(function(){

        setStatusBox('True','Loading data successfully completed.');

        formStyle();

    });

 
    $('#statusBox').ajaxError(function(){

        setStatusBox('False','Ajax request failed.');

    });

}

 
function formStyle(){

    $(":submit").addClass("ui-button ui-state-default ui-corner-all");

    $(":submit").hover(

        function(){

                $(this).addClass("ui-state-hover");

        },

        function(){

                $(this).removeClass("ui-state-hover");

        }

    )

}

Ich dachte hald es gibt eine noch kürzere Lösung über das .live()

Vielen Dank aber für deine prompte Reaktion!

Schönen Sonntag!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit addClass/ removeClass bei Jquery	Silent	JavaScript, Ajax und mehr	4	17.12.2009 23:47

09.10.2010, 21:26
da.eXecutoR Erfahrener Benutzer Registriert seit: 08.08.2009 Beiträge: 195 PHP-Kenntnisse: Fortgeschritten	[Erledigt] jqueryUI + addClass + .live Hallo Leute Ich hab das jqueryUI im Einsatz und kann damit meine input Buttons wie folgt stylen: Code: $(":submit").addClass("ui-button ui-state-default ui-corner-all"); Nun hab ich aber das Problem dass ich das ganze auch auf submit Buttons anwenden will welche via ajax nachgeladen werden. Es gibt eigentlich den Befehl .live welcher mit folgendem Beispiel auch funktioniert: Code: $(":submit").live('mouseover',function(){ $(":submit").addClass("ui-button ui-state-default ui-corner-all"); }) Aber ich will das CSS ja sofort anwenden und nicht erst wenn ich als user einen event triggere. Was gibts da für eine Lösung? Ich bin sicher sie liegt auf der Hand aber ich sehe es irgendwie grad nicht. Danke für Tipps! __________________ It's not a bug. It's a feature!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.10.2010, 21:33
da.eXecutoR Erfahrener Benutzer Registriert seit: 08.08.2009 Beiträge: 195 PHP-Kenntnisse: Fortgeschritten	n'Abend nikosch Ich hab den Satz aus der Docu schon hundert mal gelesen aber da ich keine alternative zum .live gefunden habe gehe ich davon aus dass es damit eine Möglichkeit geben muss. Muss ich sonst die Funktion bei jedem .ajaxSuccess manuell ausführen lassen? (damit klappts) __________________ It's not a bug. It's a feature!

09.10.2010, 21:36
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja. Was ist das Problem bei dieser Lösung? Kannst natürlich auch vom Server gleich entspr. Buttons ausliefern. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --