모달 창에서 쿠키 만들기

Question

쿠키가있는 모달 창을 한 번만 표시하려면 만들고 싶습니다. 이 튜토리얼 http://calebserna.com/bootstrap-modal-email-subscription-form/을 따르지만 여전히 작동하지 않습니까? 아무도 그것을 고칠 방법을 말해 줄 수 있습니까? 감사 . 여기 내 웹 사이트 . http://cloudsblack.com/modalwindow.html

여기 내 코드.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
         <div class="modal-dialog"> 
         <div class="modal-content"> 
          <div class="modal-header"> 
          <div class="heading heading-v1 margin-bottom-10"> 
           <h2><strong><span class="color-orange">Modal Window</strong></span></h2> 
          </div> 
          </div> 
          <div class="modal-body"> 

          <a class="btn btn-link" data-dismiss="modal">Close</a> 

          </div> 
          <div class="modal-footer"> 
          </div> 
         </div><!-- /.modal-content --> 
         </div><!-- /.modal-dialog --> 
        </div><!-- /.modal --> 

<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js"></script> 

<script type="text/javascript"> 

$(document).ready(function() { 
    if ($.cookie(‘pop’) == null) { 
     $(‘#myModal’).modal(‘show’); 
     $.cookie(‘pop’, ’7′); 
    } 
}); 

</script> 

Answer 1

안녕하세요 저는 제 자신의 질문에 답변 해 드리겠습니다. 감사 .

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Subscription Form Demo</h4> 

<p>This is Bootstrap Modal popup example.</p> 
     </div> 
     <div class="modal-body"> 

<!--End mc_embed_signup--> 

    <!-- Begin MailChimp Signup Form --> 
<form class="form-horizontal" role="form"> 
    <div class="form-group"> 
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label> 
    <div class="col-sm-10"> 
    <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL"/> 
    </div> 
    </div> 
    <div id="mce-responses" class="clear"> 
     <div class="response" id="mce-error-response" style="display:none"></div> 
     <div class="response" id="mce-success-response" style="display:none"></div> 
    </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_9e279011b21a23e1aed5e4868_cca4394bc9" value=""/></div> 
    <div class="form-group remove-bottom"> 
    <div class="col-sm-offset-2 col-sm-10"> 
    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default"/> 
    </div> 
    </div> 
</form> 

<!--End mc_embed_signup--> 
     </div> 
     <div class="modal-footer remove-top"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 
<!--============================================================= MODAL WINDOW END=================================================================--> 

<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js'></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.bs-docs-sidebar').affix({ 
     offset: { 
      top: 10 
     } 
    }) 
    if ($.cookie('pop') == null) { 
       $('#myModal').modal('show'); 
       $.cookie('pop', '7'); 
      } 
}); 

$(function($) { 
$('#deleteCookie').click(function() { 
     $.cookie('pop', null); 
     window.location.reload(); 
     }); 
}); 

</script>