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