javascript - 我怎样才能在 twitter bootstrap 中只显示一次模态？

Question

这是我的代码:

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

Answer 1

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