我真的需要您的帮助,我知道这对您来说很容易。通过加载网站的每个页面,我编写了以下代码来显示modal bootstrap。但我需要向每个用户展示3次这种模式所以我需要计算用户单击关闭模式的按钮的次数。如果用户3次关闭了模态,我不想再次向他显示模态(弹出窗口)。我想通过cookie来做到这一点,但是我的代码无法正常工作,我使用c ookie plugin来使用JQuery Bootstarp Modal。
谢谢大家帮助我。
<!-- Modal -->
<div id="hereiakarneta" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" id="AcceptMyGiftClose" data-dismiss="modal">×</button>
<h4 class="modal-title" style="text-align: center;" >From Me To You</h4>
</div>
<div class="modal-body">
<div class="hikmywords">
<img src="" class="img-responsive" alt="">
<ul>
<li><h5>my gift to you</h5></li>
<li>
<p>click on the button and download my gift</p>
</li>
</ul>
</div>
</div>
<div class="modal-footer">
<p><a>My Gift</a></p>
</div>
</div>
</div>
</div>
jQuery(document).ready(function($) {
var VisitPopupGift = $.cookie('AcceptMyGift');
if ( !$.cookie('AcceptMyGift') ) {
$('#hereiakarneta').modal({
show: true,
backdrop: 'static',
keyboard: false,
})
$("#AcceptMyGiftClose").click(function() {
VisitPopupGift = 1;
$.cookie('AcceptMyGiftOnce', VisitPopupGift, {
expires: 30,
path: '/',
});
$(".hereiakarneta").fadeOut('fast');
});
} else {
if ( VisitPopupGift < 5 ) {
$('#hereiakarneta').modal({
show: true,
backdrop: 'static',
keyboard: false,
})
$("#AcceptMyGiftClose").on("click",function(){
//VisitPopupGift++;
VisitPopupGift++;
$.cookie('AcceptMyGiftOnce', VisitPopupGift, {
expires: 30,
path: '/',
});
$(".hereiakarneta").fadeOut('fast');
});
}
}
});