2016-08-10 4 views
3

Ich bin ein komplett neues wenn es um Javascript kommt, also wenn Sie eine Lösung für mich zu versuchen haben, brechen Sie es bitte auf kleine Schritte bitte.Magnific Pop-Up nicht angezeigt

Ich habe seit Tagen recherchiert, kann aber nicht scheinen, eine Lösung zu finden, die funktioniert. Wenn ich mein Testdokument auch mit einem 'Inline' Magnific Pop-up aufstelle, klicke ich auf den Link/Button, und die URL der Seite ändert sich, aber nichts erscheint.

Ich habe kopiert und direkt aus der ursprünglichen Demo eingefügt, ich habe die jQuery-Bibliothek vor dem nach Magnific's .js enthalten. Ich habe versucht, Initialisierungscodes zu tauschen. Ich habe ehrlich den Überblick verloren. Ich kann meinen Debugger in Chrome auch nicht richtig öffnen, aber ich habe festgestellt, dass ich eine Schließung verpasst habe, aber als ich sie hinzugefügt habe, sind die Dinge nur noch weiter gegangen.

Jede Hilfe würde sehr geschätzt werden.

Ich habe auch eine JSFiddle trotz nicht wirklich zu wissen, wie es zu benutzen: https://jsfiddle.net/3b15w3ek/6/

$(document).ready(function() { 
// Example 1: From an element in DOM 
$('.open-popup-link').magnificPopup({ 
    type:'inline', 
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
}); 

Antwort

1

ich die Geige überprüft und diese URL gefunden für jQuery1.9.1 falsch war und korrigiert sie. Sehen Sie die aktualisierte Geige:

https://jsfiddle.net/3b15w3ek/7/

Und die aktualisierte Code ist:

$(document).ready(function() { 
    // Example 1: From an element in DOM 
    $('.open-popup-link').magnificPopup({ 
    type: 'inline', 
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
    }); 
}); 
+0

Blah, ich wusste, es wäre etwas dumm, dass ich vermisse, vielen Dank. :) – user2812043

+0

kein Problem @ user2812043 ... willkommen ... ':)'! – vijayP

0

Sie nicht die Funktion geschlossen hat (letzte }); fehlt):

$(document).ready(function() { 
    // Example 1: From an element in DOM 
    $('.open-popup-link').magnificPopup({ 
     type:'inline', 
     midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
    }); 
}); 

Um diese Snippet in JSFiddle zu arbeiten, müssen Sie auch "Framework & Extensions" = "jQuery 1.9.1" (oder höher) in Javascript-Einstellungen. Ansonsten $ Symbol wird nicht in Magnific gallery gefunden ...

+0

Vielen Dank für Ihre Hilfe. :) – user2812043

Verwandte Themen