jquery tab postback problem

Question

Tôi đang sử dụng thư viện jquery trong project.I của tôi có vấn đề khủng khiếp với jquery tabs.Solutions là khi tôi ở trong tab thứ ba, tôi post lại form, tab reloaded và chuyển đến tab đầu tiên. tôi đang tìm kiếm để giải quyết vấn đề thời gian dài.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#example > ul").tabs({ remote: true, cache: true }); 
    });  
</script> 

vậy làm thế nào tôi giải quyết vấn đề này? thx câu trả lời của bạn.

Answer 1

tab có thể sử dụng cookie để lưu trữ tab hiện tại. Hãy xem các tab documentation. Down trong Options liệt kê ở đó là một ví dụ về cách sử dụng cookie để lưu trữ các tab hiện tại:

$('.selector').tabs({ cookie: { expires: 30 } }); 

này đòi hỏi sự jquery cookies plugin để được bao gồm mặc dù.

Answer 2

Bạn không nói rõ nếu bạn đang sử dụng ASP.NET, nhưng nếu bạn là bạn có thể lưu trữ các tab đang được chọn trong một asp <: HiddenField/> thay vì một cookie:

<script type="text/javascript" language="javascript"> 
    $(function() { 
     $("#example").tabs({ 
      show: function() { 
       var sel = $('#example').tabs('option', 'selected'); 
       $("#<%= hidLastTab.ClientID %>").val(sel); 
      }, 
      selected: <%= hidLastTab.Value %> 
     }); 
    }); 
</script> 
<asp:HiddenField runat="server" ID="hidLastTab" Value="0" /> 

Nếu không phải ASP.NET, bạn có thể có thể làm một cái gì đó tương tự.

Answer 3

tôi đã cùng một vấn đề, cố định bằng cách thêm dòng sau vào các tab jquery chọn xử lý sự kiện:

$("div.ui-tabs-panel").html(""); 

Nó có hiệu quả xóa tất cả tấm hiện có để ngăn chặn hình thức xếp chồng.

Answer 4

Tôi đã cố gắng sử dụng giải pháp được đăng bởi joelsand. Tuy nhiên, các tùy chọn và sự kiện trên tab jQuery đã thay đổi. Tài liệu hiện tại là http://api.jqueryui.com/tabs/.

Thay vì sự kiện "hiển thị", tôi đã sử dụng sự kiện "đã kích hoạt". Thay vì tùy chọn "đã chọn", tôi đã sử dụng tùy chọn "hoạt động". Thay vì một trường ẩn, tôi đã sử dụng biến JavaScript (được khai báo bên ngoài UpdatePanel)