jQuery Popup Overlay funktioniert nicht auf Shopify store

Question

ich folgendes Plugin auf meinem Shopify Speicher zu verwenden, versuche ... http://dev.vast.com/jquery-popup-overlay/

Hier ist meine Marke ist bis ...

<div id="my-popup"> 
<h1>hello</h1> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
{{ 'jquery.popupoverlay.js' | asset_url | script_tag }} 
<script> 
$(document).ready(function() { 
$('#my-popup').popup(); 
}); 
</script> 

Chrome webtools hält geben mir ein Fehler obwohl ... $ (...). Popup ist keine Funktion

Dachte das war ziemlich direkt, aber es; s funktioniert nicht so, wie es sollte. Ich habe ein Geigenspiel gemacht und es funktioniert dort.

Irgendwelche Ideen, was ich falsch mache?

Answer 1

Sie vermissen Popup-Skript

kurz nach jquery Skript

und fügen Sie eine optionale Schaltfläche enthalten Popup öffnen

So Ihre HTML wie folgt

sein sollte

<button class="my_popup_open">Open popup</button> 
 
<div id="my_popup"> 
 
\t <h1>hello</h1> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script> 
 
{{ 'jquery.popupoverlay.js' | asset_url | script_tag }} 
 
<script> 
 
$(document).ready(function() { 
 
$('#my_popup').popup(); 
 
}); 
 
</script>