[英]Show popup only once (magnific popup)
試圖每次訪問只顯示一次此彈出窗口。 我覺得我錯過了什么
<script src="http://code.jquery.com/jquery-1.7.min.js">
<link href="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.js"></script>
<script>
$(document).ready(function() {
var check_cookie = $.cookie('bsw');
if(check_cookie == null){
$.cookie('bsw', 'yes', {expires: 1 });
$('.image-link').magnificPopup({type:'image'});
});
</script>
<script>
(function($) {
$(window).load(function () {
// retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
$.magnificPopup.open({
items: {
src: '/bsw-10-off.png'
},
type: 'image'
// You may add options here, they're exactly the same as for $.fn.magnificPopup call
// Note that some settings that rely on click event (like disableOn or midClick) will not work here
}, 0);
});
})(jQuery);
</script>
我沒有關閉或打開正確的東西嗎? 我覺得這個問題在文檔就緒函數中,但我可能錯了。 任何幫助,將不勝感激。 謝謝。
下面是沒有cookie代碼的代碼
<link href="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script>
$(document).ready(function() {
$('.image-link').magnificPopup({type:'image'});
});
</script>
<script>
(function($) {
$(window).load(function () {
// retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
$.magnificPopup.open({
items: {
src: 'http://www.barbershopwindow.com/bfimages/bsw-10-off.png'
},
type: 'image'
// You may add options here, they're exactly the same as for $.fn.magnificPopup call
// Note that some settings that rely on click event (like disableOn or midClick) will not work here
}, 0);
});
})(jQuery);
</script>
代替:
//從http://dimsemenov.com/plugins/magnific-popup/documentation.html#api中檢索到這行代碼
初始化magnificPopup后,您可能只是觸發click事件。
此外, $ .cookie('bsw')返回undefined,如果cookie不存在則不返回null。
工作jsfiddle 。
$(document).ready(function () {
var check_cookie = $.cookie('bsw');
if (check_cookie == undefined) {
$.cookie('bsw', 'yes', {expires: 1});
$('.image-link').magnificPopup({type: 'image'}).trigger('click');
}
});
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.js"></script>
<a class="image-link" href="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg">Open popup</a>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.