我怎样才能在twitter bootstrap中显示一次模态?

时间:2012-06-14 03:11:22

标签: javascript twitter-bootstrap

现在这是我的代码:

<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

更新

这很有用:隐藏&#39;由于某种原因没有工作

<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>

2 个答案:

答案 0 :(得分:6)

@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语句中的内容。

答案 1 :(得分:0)

从库的外观来看,值应该是一个字符串。尝试:

<script type="text/javascript">
        $(document).ready(function() {

            if($.cookie('msg') == null)
            {
                $('#myModal').modal('show');
                $.cookie('msg', '1');
            }

        });
</script>