jquery Cookie-Problem - nicht Modal-Fenster

Question

Ich habe kleines Problem mit jquery-Cookie-Plugin, wie Sie in functions.php sehen, zuerst ich Skript registrieren, dann jquery_cookie_script in die Warteschlange, aber nicht richtig funktioniert ... Ich will Um zu archivieren, wenn der Benutzer die Website heute öffnet, und scroll.Top()> 50% der Fensterhöhe, wird das modale Fenster geöffnet. Wenn Sie das modale Fenster durch Klicken auf die Schaltfläche X schließen, können Sie es nach dem Aktualisieren der gesamten Seite erst nach 7 Tagen erneut öffnen.

Sie können meinen Code unten sehen, ich brauche Hilfe, wie man dieses Problem beheben kann, weil überhaupt nicht funktioniert.

jQuery(document).ready(function($) { 
 

 
    $(window).scroll(function(event) { 
 
    var y = $(this).scrollTop(); 
 
    var half_height = $(window).height()/2; 
 
    if (y > half_height) { 
 
     if ($.cookie('modal_shown') == null) { 
 
     $.cookie('modal_shown', 'yes', { 
 
      expires: 7, 
 
      path: '/' 
 
     }); 
 
     $('#modal').reveal(); 
 
     } 
 
    } 
 
    }); 
 
});

in functions.php 
 
function enqueue_custom_js(){ 
 
\t wp_enqueue_script('custom', get_stylesheet_directory_uri() . '/js/custom.js',array(),time()); 
 
    wp_register_script('jquery_cookie_script', 'http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js',array(),time()); 
 
    wp_enqueue_script('jquery_cookie_script'); 
 
} 
 

 
add_action('wp_enqueue_scripts','enqueue_custom_js'); 
 

 
HTML 
 
<!-- Modal --> 
 
<div class="modal fade" id="modal" tabindex="-1" role="dialog"> 
 
    <div class="modal-dialog" role="document"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
 
     </div> 
 
     <div class="modal-body text-center"> 
 
     <span class="title_subtitle white">Hey babe!<br>Let's link up!</span><br> 
 
     <span class="get_off">Get 15% OFF</span><br> 
 
     <span class="first_order white">your first order</span><br> 
 
     <span class="arrivals white">new arrivals, contests and promos to your inbox</span><br> 
 
     <input type="email" name="email" placeholder="Email" required> 
 
     <button class="btn subscribe-btn" value="Submit">Join Now</button> 
 
     </div> 
 
     <div class="modal-footer text-center"> 
 
     <a data-dismiss="modal" title="No thanks, I don't need a Promo Code">No thanks, I don't need a Promo Code</a> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

fand ich eine Lösung, die richtig

jQuery(document).ready(function($) { 

$(document).on('scroll', function() { 
    var y = $(this).scrollTop(); 
    var half_height = $(window).height()/2; 
    if (y > half_height) { 
    $(document).off('scroll'); 

     if ($.cookie('pop') == null) { 
      $('#modal').modal('show'); 
     $.cookie('pop', '7'); 
     } 
    }  
}); 

}) funktioniert;