jquery tabs postback problem

Question

Я использую jquery-библиотеку в своем проекте. У меня есть ужасная проблема с вкладками jquery. Решения заключаются в том, что когда я был на третьей вкладке, я отправлял обратно свою форму, вкладки перезагружались и переходили на первую вкладку. Я ищу решение долгое время.

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

так как я решаю эту проблему? thx ваши ответы.

Answer 1

вкладки могут использовать файлы cookie для сохранения текущей вкладки. Посмотрите на вкладки documentation. Погружение в опции списка есть пример того, как использовать куки для хранения текущей вкладки:

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

Это требует jquery cookies plugin быть включены хотя.

Answer 2

Вы не указали, если вы используете ASP.NET, но если вы можете сохранить выбранную вкладку в настоящее время в качестве < осины: скрытый/> вместо печенья:

<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" /> 

Если а не ASP.NET, вы, вероятно, могли бы сделать что-то подобное.

Answer 3

У меня была такая же проблема, закрепленное, добавив следующее в JQuery вкладки выберите обработчик события:

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

Он эффективно очищает все существующие панели для предотвращения формы укладки.

Answer 4

Я попытался использовать решение, отправленное joelsand. Однако параметры и события jQuery Tabs изменились. Текущая документация находится на http://api.jqueryui.com/tabs/.

Вместо события «show» я использовал «активированное» событие. Вместо опции «selected» я использовал «активную» опцию. Вместо скрытого поля я использовал переменную JavaScript (объявленную вне UpdatePanel)