jQueryのポップアップオーバーレイはここ</p> <p><a href="http://dev.vast.com/jquery-popup-overlay/" rel="nofollow noreferrer">http://dev.vast.com/jquery-popup-overlay/</a>は私のマークアップである私は私のshopify店で次のプラグインを使用しようとしています

Question

... ...

<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> 

クロームWebToolsのは、与え続けShopifyストア上で動作していません私は間違っています... $（...）。ポップアップは関数ではありません

これはかなり正直ですが、それはすべき方法ではありません。私はフィドルを入れて、そこで働いています。

私が間違っていることは何ですか？

Answer 1

あなたはだからあなたのHTMLはこの

ようにする必要がありますだけでjqueryのスクリプトの後

をポップアップスクリプトが含まれており、ポップアップ

を開くために、オプションボタンを追加するために不足しています

<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>