我怎样才能在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

更新:

这很有效:'hide'由于某种原因没有用

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