Как добавить +1 к стоимости ie повара одним нажатием кнопки - PullRequest
0 голосов
/ 09 мая 2020

Мне действительно нужна твоя помощь, и я знаю, что тебе это легко. Я сделал следующий код, чтобы показать модальный bootstrap, загружая каждую страницу своего веб-сайта. но мне нужно показать это модальное окно всего 3 раза каждому пользователю. поэтому мне нужно подсчитать, сколько раз пользователь нажимает кнопку , чтобы закрыть модальный . Если пользователь 3 раза закрыл модальное окно, я не хочу снова показывать ему модальное окно (всплывающее окно). Я хочу сделать это с помощью cook ie, но мой код не работает, и я использую c ook ie 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');
        });
        }
    }
});

Ответы [ 2 ]

0 голосов
/ 09 мая 2020

К счастью, я нашел этот ответ и решил вопрос:
Я хочу использовать его на сайте myou: https://karneta.com/, но без использования плагина wordpress:)

jQuery(document).ready(function($) {
    //set cookie
    var exp = $.cookie("exp");
    //set cookie 0 for first
    exp = (exp)?parseInt(exp,10):0;

    if ( exp <= 2 ) {
        $('#hereiakarneta').modal({
            show: true,
            backdrop: 'static',
            keyboard: false, 
        })
    } else if ( exp >= 3 ) {
        $(".dologinfirst").delay(2000).fadeIn(500);
        $("#menubutton").click(function(){
            $(".dologinfirst").hide();
        });
        $('body').click(function() {
            $(".dologinfirst").hide();
        });
    }

    //getting the value of cookie and assigning it to a variable
    $("#AcceptMyGiftClose").one("click",function(){ // use .on if you want every click to count
    exp++;
    //set the incremented value of CookieCount variable to the cookie
    $.cookie("exp",exp,{ expires: 30, path: '/' }); // expiry date 30 days

  });
});
0 голосов
/ 09 мая 2020

Так как я не знаком с JQuery, мне пришло в голову следующее: установите счетчик, который подсчитывает каждый щелчок, а затем установите оператор if else в операторе if, скажем, если счетчик меньше или равен трем , показать модальное окно, иначе закрыть или скрыть.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...