如何通过单击按钮向Cookie值添加+1

问题描述 投票:0回答:2

我真的需要您的帮助,我知道这对您来说很容易。通过加载网站的每个页面,我编写了以下代码来显示modal bootstrap。但我需要向每个用户展示3次这种模式所以我需要计算用户单击关闭模式的按钮的次数。如果用户3次关闭了模态,我不想再次向他显示模态(弹出窗口)。我想通过cookie来做到这一点,但是我的代码无法正常工作,我使用c ookie plugin来使用JQuery Bootstarp Modal

谢谢大家帮助我。

我的HTML代码

<!-- 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">&times;</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代码

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');
        });
        }
    }
});
javascript jquery bootstrap-modal
2个回答
0
投票

幸运的是我找到了这个answer并解决了这个问题:我想在myou网站上使用它:https://karneta.com/但不使用wordpress插件:)


0
投票
© www.soinside.com 2019 - 2024. All rights reserved.