Trigger-Funktion basiert auf Kategorie Ändern

Habe ich die folgenden. Ich versuche, die Funktion auslösen, werden auf der Grundlage der css-Klasse ändern, aber es funktioniert nicht.

<script type="text/javascript">

jQuery(document).ready(function(){

jQuery("#slider-banner").bind("cssClassChanged",function(){
    console.log("I'm Here!");
    if(jQuery("#slider-banner").hasClass('living-nutrients'))
    {
        jQuery("#home-middle-first").css("background-image","url([image path])");
    }
    else if(jQuery("#slider-banner").hasClass('right-partner'))
    {
        jQuery("#home-middle-second").css("background-image","url([image path])");
    }
    else if(jQuery("#slider-banner").hasClass('with-you'))
    {
        jQuery("#home-middle-third").css("background-image","url([image path])");
    }
});

    jQuery("#slider-banner").trigger('cssClassChanged');

Den colsole zeigt meine Konsole.log-Meldung, die beim laden der Seite, aber nicht, wenn die Klasse ändert sich wieder nach dem laden der Seite. Jeder sehen, was ich falsch mache?

UPDATE:

So habe ich gelernt, dass "cssClassChanged" ist nicht echt... ich war der Versuch der Anpassung einer Antwort, die ich gefunden irgendwo anders... mir ist klar, dass, wenn jQuery wurden eine Waffe, wäre ich gefährlich! (wohl wissend, dass ist die halbe Miete, oder?)

Meine versuchen sich gdoron ist Antwort verlinkt unter:

<script type="text/javascript">

jQuery(document).ready(function() 
{
    function checkForChanges()
    {
        if(jQuery("#slider-banner").hasClass('living-nutrients'))
        {
            jQuery("#home-middle-first").css("background-image","url([image path])");
        }
        else if(jQuery("#slider-banner").hasClass('right-partner'))
        {
            jQuery("#home-middle-second").css("background-image","url([image path])");
        }
        else if(jQuery("#slider-banner").hasClass('with-you'))
        {
            jQuery("#home-middle-third").css("background-image","url([image path])");
        }

        else
            setTimeout(checkForChanges, 500);
    }
});
</script>

Ich bin immer noch etwas fehlt, obwohl. Es funktioniert nur für die erste Klasse auf die Seite laden.

Jemand gefragt, wie ich bin ändern der Klassen. Ich bin mit einem slider auf jeder Folie ist ein div mit der ID "slider-banner" und der Klasse variiert je nachdem, welche der drei ID-würde Bereiche darunter, dass ich versuche, schalten Sie das Hintergrundbild für.

"cssClassChanged" eine gültige HTML-Ereignis?
Nope ist es nicht...
Das ist, was ich dachte.
Wie ändern Sie die Klasse nach dem laden der Seite? @Diodeus Sie können benutzerdefinierte Ereignisse definiert, die in jQuery
Aber Sie erkennen es selbst, siehe meine Antwort.
lösen Sie ein nicht-Ereignis native manuell, Sie sollten re-trigger der nicht-Muttersprachler Ereignis manuell jedes mal, wenn Sie die css-Klasse verpasst, auf das Ziel der Veranstaltung.
Yep - Abfragen für änderungen, hat aber die Gefahr, dass Sie durchaus die CPU-hog.
klingt wie der Versuch, Tippen Sie in einem Plug-in läuft auf regler...wenn ja, verwenden Sie eine API-plugin, um das benutzerdefinierte Ereignis auslösen
Stimmt, aber manchmal ist es wie mit den plugins, und vielleicht hat er gar keine Kontrolle über die Klasse ändern, wenn es so ist, muss er schmutzig ist... =)
Vereinbart. Clevere Lösung.

InformationsquelleAutor Michael Davis | 2012-03-07

3

Gibt es keine solche Veranstaltung cssClassChanged ich denke, das erklärt alles...

10 Stunden habe ich beantwortet, wie man erkennen kann, die Klasse zu ändern, Lesen Sie meine Antwort es

Update:
```
function checkForChanges()
{
    var sliderBanner = jQuery("#slider-banner");
    if(sliderBanner.hasClass('living-nutrients'))
    {
        jQuery("#home-middle-first").css("background-image","url([image path])");
    }
    else if(sliderBanner.hasClass('right-partner'))
    {
        jQuery("#home-middle-second").css("background-image","url([image path])");
    }
    else if(sliderBanner.hasClass('with-you'))
    {
        jQuery("#home-middle-third").css("background-image","url([image path])");
    }    

    setTimeout(checkForChanges, 500);
}

jQuery(checkForChanges);
```
- Ich Schätze Ihre Antwort, ich habe versucht Sie anzupassen und bearbeitet haben, die Frage oben zu zeigen. Ich bin immer noch etwas falsch zu machen, obwohl.
- Haben Sie rufen Sie diese Funktion, wenn das DOM bereit...? Siehe mein update
- Nicht dass Sie wickelte sich in das Dokument.ready Funktion wie ich haben, tun? Sorry, wenn das ein idiot Frage... ich weiß nur, genug, um gefährlich werden.
- einfach kürzer...
- Sie sind ein guter Mensch nicht die Gelegenheit darauf hinzuweisen, wie sehr ein idiot ich war, zu Fragen, dass. Ich habe seit es ausgepackt aus dem Dokument.ready() und haben es wie Sie es geschrieben hat. Meine erste Veränderung geschieht beim laden der Seite, aber es scheint nicht zu sein, Nachkontrolle nach dem timeout.
- Arbeiten gut für mich. JSFiddle
- Die Sie gerade brauchen, um das löschen else Sie wollen, um zu halten verfolgen von änderungen, mehr als einmal. das update angezeigt.
- Natürlich! lol, Jetzt funktioniert es wie vorgesehen. Vielen Dank für kleben mit mir.
InformationsquelleAutor gdoron is supporting Monica
3

Gibt es keine built-in-Ereignis mit dem Namen "cssClassChanged". Sie haben Ihre eigenen benutzerdefinierten Ereignisses und auslösen manuell beim laden der Seite. Es wird nicht ausgelöst, automatisch-Sie müssen zu nennen trigger('cssClassChanged') jedes mal, wenn Sie ändern Sie die CSS-Klasse.
- Ja, war nicht meine Absicht, meine eigenen erstellen benutzerdefiniertes Ereignis, nur versucht anzupassen, aus einer anderen Antwort an anderer Stelle gefunden. Ich habe aktualisiert die Frage zu reflektieren, eine neue Richtung, dass ich denke, dass beinhaltet, was Sie und andere sagen. Bin ich auf dem richtigen Weg?
InformationsquelleAutor Justin ᚅᚔᚈᚄᚒᚔ
1

Gibt es keine cssClassChanged Fall, dass ich mir bewusst bin, müssen Sie manuell auslösen. Jedoch, Sie sind nicht die änderung der Klasse in der code, den Sie geschrieben, und ich bin daher nicht sicher, wo Sie möchten, um es zu lösen.
- Über Ihr feedback freuen. Die Klasse ändert, wenn der Schieberegler ändert Folien. Jedes dia hat ein Bild mit der ID gegeben und die Klasse ändert sich, je nachdem, welches Bild sichtbar ist. Ich habe versucht zu versuchen, eine neue Richtung. Bin ich jede näher?
- Auf jeder Folie gleich nach addClass verwenden $("#slider-banner").trigger("cssClassChanged") und verwenden Sie Ihre original-code. Auf diese Weise, jedes mal, wenn Sie den Schieberegler rutschen und die Klasse ändert, wird der code ausgelöst wird.
InformationsquelleAutor user400654
0

können Sie Draht Ihr eigenes click-Ereignis-listener auf slideshow (prev/next) - Tasten - Sie werden Hinzugefügt werden, zusätzlich zu den bestehenden.

in Ihrem Ereignis-Listener können Sie überprüfen, css-Klasse für was auch immer element, das Sie interessiert sind in.
```
$(".prev").on("click", function() { 
//user has explicitly clicked "prev"!!
});
$(".next").on("click", function() { 
//user has explicitly clicked "next"!!
});
```
InformationsquelleAutor Vijay Wadnere

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.