2012-06-20 21 views
19

Tôi có một trang html mở một cửa sổ bật lên khi trang tải.Cách đặt biến phiên trong jquery?

Tôi chỉ cần đặt cửa sổ bật lên khi trang mở lần đầu tiên. Tôi nghĩ rằng phiên hoặc cookie sẽ được đặt.

<script> 
     !window.jQuery && document.write('<script src="fancybox/jquery-1.4.3.min.js"><\/script>'); 
    </script> 
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>  
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("a#example1").fancybox();  
     $("a#example1").trigger('click');   
    }); 

    </script> 
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
</head> 
<body> 
<a id="example1" href="images/pic.jpg"></a> 
</body> 
+0

http://stackoverflow.com/questions/10998412/how-can-i-use-jquery-to-read-a-cookie-and-store-it-in-a-variable/10998480#10998480 – gorelative

+0

Xin chào Capri :-) Bạn có muốn cửa sổ bật lên xuất hiện khi trang tải hoặc khi nhấp vào nội dung nào đó không? –

Trả lời

54

Sử dụng localStorage để lưu trữ thực tế mà bạn đã mở trang:

$(document).ready(function() { 
    var yetVisited = localStorage['visited']; 
    if (!yetVisited) { 
     // open popup 
     localStorage['visited'] = "yes"; 
    } 
}); 
+0

ohhh .... tuyệt vời ... !!! cảm ơn bạn rất nhiều bạn đã giúp tôi ... – capri

+0

tuyệt vời! Tôi cũng đã cố gắng làm việc này tốt đẹp. nhưng khi trình duyệt được mở lại thì nó không hiển thị popup –

+0

Nó có hết hạn không? Nếu vậy, sau bao lâu? – SearchForKnowledge

12

Bạn có thể thử sử dụng HTML5s sessionStorage nó kéo dài trong suốt thời gian trên phiên trang. Một phiên trang kéo dài miễn là trình duyệt mở và tồn tại khi tải lại trang và khôi phục. Việc mở trang trong một tab hoặc cửa sổ mới sẽ khiến một phiên mới được bắt đầu.

sessionStorage.setItem ("tên người dùng", "John");

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage#sessionStorage

tương thích trình duyệt https://code.google.com/p/sessionstorage/ tương thích với mọi trình duyệt hạng A, bao gồm iPhone hoặc Android. http://www.nczonline.net/blog/2009/07/21/introduction-to-sessionstorage/

+0

Điều này thích hợp hơn khi tab thay đổi biến phiên của chúng tôi xóa. – asifaftab87

+0

đều hoạt động tốt trên máy cục bộ nhưng trên máy chủ, các giá trị chỉ được bảo toàn trong sessionStorage –