Проблема обратной передачи вкладок jquery

Question

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

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

так как мне решить эту проблему? спасибо ваши ответы.

Answer 1

Вы не указали, используете ли вы ASP.NET, но если это так, вы можете сохранить выбранную в данный момент вкладку в вместо файла 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" />

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

Answer 2

вкладки могут использовать куки для хранения текущей вкладки. Взгляните на вкладки Документация . Внизу в списке параметров есть пример того, как использовать куки для хранения текущей вкладки:

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

Для этого требуется, чтобы плагин jquery cookie был включен.

Answer 3

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

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

Answer 4

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

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

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