Question

我正在尝试在shopify商店中使用以下插件... http://dev.vast.com/jquery-popup-overlay/

这是我的标记......

<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不断给我一个错误但是...... $（...）。popup不是一个函数

认为这是非常简单的但是它没有按照应有的方式运作。我放了一个小提琴，它在那里工作。

任何想法我做错了什么？

Answer 1

您缺少包含弹出式脚本

刚好在jquery脚本之后

并添加一个可选按钮以打开弹出窗口

所以你的HTML应该是这样的

<button class="my_popup_open">Open popup</button>
<div id="my_popup">
	<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>

jQuery Popup Overlay无法在Shopify商店上运行

1 个答案: