我有这个 DIV,它功能齐全。它在点击时关闭,下次访问时不会加载。虽然它仍然显示在其他子页面上,但我不希望它出现。关闭应该为整个页面禁用它并实现不再出现,我该如何解决这个问题?
jQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).on('click','.recenzie_zatvaratko',function(){
$(this).parent().fadeTo(300,0,function(){
$(this).remove();
});
});
$(function(){ // jQuery(document).ready shorthand
$('.recenzie').hide().fadeIn('slow');
});
</script>
<script src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<script>
$(document).ready(function() {
if ($.cookie('noShowWelcome')) $('.recenzie').hide();
else {
$(".recenzie_zatvaratko").click(function() {
$(".recenzie").fadeOut(1000);
$.cookie('noShowWelcome', true);
});
}
});
</script>
HTML:
<div class="recenzie">
<div class="recenzie_zatvaratko">
<img alt="" src="http://www.atria.sk/db/wysiwyg/zatvorenie.png" /></div>
<a href="http://www.atria.sk/junkers-fw-120/" width="140"><img src="http://www.atria.sk/db/wysiwyg/fw120.png" /></a></div>