繁体   English   中英

我如何只在twitter引导中显示模态?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM