[英]How can I change the default width of a Twitter Bootstrap modal box?
[英]How can i show the modal in the twitter bootstrap just once?
现在这是我的代码:
<script type="text/javascript">
$(document).ready(function() {
if($.cookie('msg') == 0)
{
$('#myModal').modal('show');
$.cookie('msg', 1);
}
});
</script>
在页面加载中,模型显示出来,但是当我刷新时,它一直显示应该只显示一次。 $ .cookie来自https://github.com/carhartl/jquery-cookie
更新:
这行得通:由于某种原因,“隐藏”行不通
<script type="text/javascript">
$(document).ready(function() {
if($.cookie('msg') == null)
{
$('#myModal').modal('show');
$.cookie('msg', 'str');
}
else
{
$("div#myModal.modal").css('display','none');
}
});
</script>
@SarmenB的更新可在大多数浏览器(FF,IE9)中使用,但不适用于IE8。
我修改了他的更新解决方案,使其可以在IE8中使用...
这是@SarmenB的解决方案:
<script type="text/javascript">
$(document).ready(function() {
if($.cookie('msg') == null)
{
$('#myModal').modal('show');
$.cookie('msg', 'str');
}
else
{
$("div#myModal.modal").css('display','none');
}
});
</script>
这是我想出的修改后的解决方案, 也是IE8 :
<script type="text/javascript">
$(document).ready(function() {
if($.cookie('msg') != null && $.cookie('msg') != "")
{
$("div#myModal.modal, .modal-backdrop").hide();
}
else
{
$('#myModal').modal('show');
$.cookie('msg', 'str');
}
});
</script>
基本上要使其在IE8中工作,我必须反转if / else语句中的内容。
从库的外观来看,该值应为字符串。 尝试:
<script type="text/javascript">
$(document).ready(function() {
if($.cookie('msg') == null)
{
$('#myModal').modal('show');
$.cookie('msg', '1');
}
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.