![](/img/trans.png)
[英]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.