2016-05-04 12 views
1

ich dieses Stück Code vor dem/Body-Tag bin mit:jQuery + Fancybox stoppt nach Klick auf ein bestimmtes Element arbeiten

//// Opens links in FancyBox (loads only .entry-content) 

    jQuery('.evcal_list_a, #events-mobile .evcal_list_a').fancybox({ 
    'width': '95%', 
    'height': '95%', 
    'type': 'ajax', 
    'transitionOut': 'elastic', 
    'transitionIn': 'elastic', 
    'ajax': { 
     dataFilter: function(data) { 
      return jQuery(data).find('.entry-content')[0]; 
     }   
    } 
}); 

As you can see here

wenn Sie versuchen, auf alle Ereignisse klicken Fliesen werden sie Wenn Sie auf den nächsten (>) oder vorherigen (<) Monatspfeil klicken, werden die Ereignisse für diesen Monat geladen, und die Fancybox wird nicht mehr geöffnet, wenn Sie den Benutzer zum tatsächlichen Link führen.

enter image description here

Wie kann ich den jQuery-Skript jedes Mal neu zu laden der Benutzer zu einem anderen Monat navigiert?

Vielen Dank!

Antwort

1

Da Ihre jquery Funktion funktioniert hat, sobald die Seite geladen wurde.

während der Änderung der Monate jquery wurde nicht ausgeführt. und daher keine Fancybox.

Lösung: Fügen Sie einen Trigger zu Ihrem jQuery für Monat ändert auch.

+0

vielen Dank für Ihre Hilfe Nirpendra, haben Sie Vorschläge, wie Sie meine Funktion ändern können? – Pelly

+0

Ich konnte diese Arbeit machen, indem ich meine Funktion in diese umwandelte: 'jQuery ('body'). On ('mouseover', '.evcal_list_a', function() {// Funktion hier}); 'So bin ich sicher, dass die Funktion immer geladen wird, bevor der Benutzer klickt. Nicht sicher, es ist der beste Weg, es zu tun, aber es funktioniert bisher gut. Danke – Pelly

+0

@Pelly versuchen mit div class = eventon_events_list. Ich denke, es auszulösen mit jedem einzelnen Element Mouseover ist Overkill. und tut mir leid, dass ich nicht antwortete, wie ich das auslösen sollte, und der Grund war, dass die Leute hier nicht selbst etwas versuchen. Es ist schön, dass du Hilfe von meinen Andeutungen bekommst. + 1up –

Verwandte Themen