在模态窗口上创建 cookie
create cookie on Modal Window
我想用cookie构建模态窗口,只显示一次。我 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>
嗨,我
在这里回答我自己的问题,我发现这些代码有效! 谢谢 .
<!-- 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">×</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>
相关文章:
- 在C#中创建cookie,并通过Javascript更改值
- Javascript在不同的功能中创建Cookie
- 可以在没有域名的情况下创建cookie吗
- 从javascript,向我的cookie添加域或过期不会创建cookie
- 在模态窗口上创建 cookie
- 表达,使用 JSON 创建 cookie
- 使用 Javascript 创建 Cookie 并设置过期时间
- 使用按钮 javascript 在 forloop 中创建 Cookie
- 在 PHP 中使用 js API 使用 evercookie 创建 cookie 的问题
- 为每个选项卡单独创建 cookie
- 如何使用外部域创建 cookie
- 在localhost上创建cookie
- asp.net/javascript创建cookie,创建客户端或服务器端的优势
- 用于创建cookie的Javascript代码
- Jquery+Javascript:使用toggle创建cookie
- 使用InvokeScript在Windows Phone中创建cookie
- 在文档准备好之前安全地创建cookie
- 获取JSESSIONID值并在AngularJS中创建Cookie
- 是否有任何方法手动创建cookie的Internet explorer
- 使用ionic angularjs创建cookie,并将cookie持久化很长时间