2016-12-21 72 views
0

我正在使用這個腳本,並且當有人在iframe框內點擊時我想保存cookie,我怎麼能這樣做,用這個腳本重複加載每次用戶加載頁面時,我想「隱藏」這一天,並顯示我 JavaScript Cookie保存

<script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script> 
 
<script type="text/javascript"> 
 
    var sec = 60; 
 
    var timer = setInterval(function() { 
 
     $("#wait").html('Ili sacekaj '+ eval(sec=sec -1) +' sekundi'); 
 
    }, 1000); 
 
    setTimeout(function() { 
 
     gasi(); 
 
     clearInterval(timer); 
 
    }, 86400000000); 
 

 
    window.onscroll = function() { 
 
     if($.cookie('iframe')===undefined){ 
 
      // window.scrollTo(500,500); 
 
     } 
 
    }; 
 
    $(window).on('blur',function(e) { 
 
     if($(this).data('mouseIn') != 'yes')return; 
 
     $('iframe').filter(function(){ 
 
      return $(this).data('mouseIn') == 'yes'; 
 
     }).trigger('iframeclick'); 
 
    }); 
 

 
    $(window).mouseenter(function(){ 
 
     $(this).data('mouseIn', 'yes'); 
 
    }).mouseleave(function(){ 
 
     $(this).data('mouseIn', 'yes'); 
 
    }); 
 
    $('iframe').mouseenter(function(){ 
 
     $(this).data('mouseIn', 'yes'); 
 
     $(window).data('mouseIn', 'yes'); 
 
    }).mouseleave(function(){ 
 
     $(this).data('mouseIn', null); 
 
    }); 
 

 
    $('iframe').on('iframeclick', function(){ 
 
     console.log('Clicked inside iframe'); 
 
     $.cookie('iframe', '1', { expires: 1, path: '/' }); 
 
     location.reload(); 
 

 
    }); 
 
    $(window).on('click', function(){ 
 
     console.log('Clicked inside window'); 
 
    }).blur(function(){ 
 
     console.log('window blur'); 
 
    }); 
 

 
    function gasi() 
 
    { 
 
     $.cookie('iframe', '1', { expires: 1, path: '/' }); 
 
     location.reload(); 
 
    } 
 
\t 
 
</script>

+0

您應該將jQuery添加到您的代碼中,因爲您在代碼中使用了jQuery。 – Claus

+0

它已經添加在代碼的開始,但仍然重複加載腳本 – MCalll

回答

0

jQuery的餅乾被depracated,嘗試使用這個腳本:https://github.com/js-cookie/js-cookie

有了這個腳本,你可以試試這個:

<iframe src="http://stackoverflow.com/questions/1609741/how-to-add-click-event-to-a-iframe-with-jquery" class="yourclass"></iframe> 


$("iframe.yourclass").click(function() { 
    Cookies.set('insideIframe', '1', { 
    expires: 7, 
    path: '' 
    }); 
}) 
+0

我想這樣做與此腳本,因爲我不擅長JS,我begginer,我得到了這個腳本,我只需要當有人點擊iframe以隱藏該iframe 1天時 – MCalll