Перейдите на вкладку Jquery по нажатию кнопки

0

Я использую JQuery Tabs с jquery-ui 1.9.2. Я хочу перейти на другую вкладку2 при нажатии кнопки отправки в tab1.

$('#submitButton').click(function() { 
        $("#tabs").tabs("option", "active", "Page2");
    });

Это дает мне

cannot call methods on tabs prior to initialization; attempted to call method 'option'

Аналогичная ошибка при использовании select.I также использовала индекс, как в другом сообщении. Ошибка. Мой код для вкладок выглядит следующим образом:

<div id="tabs">
     <ul>
          <li><a href="page1.jsp">Page1</a></li>
          <li><a href="page2.jsp">Page2</a></li>
     </ul>
</div>

РЕДАКТИРОВАТЬ

Href, который я дал, на самом деле является JSP'. Вкладки выдаются отлично, но переход на другую вкладку не работает

Пожалуйста помоги. Что такое инициализация.

Теги:
jquery-plugins

3 ответа

0

попробуй это

 $("#tabs").tabs("option", "active", 1);
  • Индекс начинается с 0, поэтому для перехода на вкладку 2 введите в 1.

Сообщите мне, если это работает, или если у вас есть больше запросов.

Вот полный html

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link href="../JS/jquery-ui-1.10.4.custom/css/smoothness/jquery-ui-1.10.4.custom.css"
        rel="stylesheet" type="text/css" />
    <script>
        $(function () {
            $("#tabs").tabs();
        });

        function goto() {

            $("#tabs").tabs("option", "active", 1);
        }
    </script>
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">0</a></li>
            <li><a href="#tabs-2">1</a></li>
            <li><a href="#tabs-3">2</a></li>
        </ul>
        <div id="tabs-1">
            <p>
                1
                <input id="Button1" type="button" value="button" onclick="goto()" />
            </p>
        </div>
        <div id="tabs-2">
            <p>
                2</p>
        </div>
        <div id="tabs-3">
            <p>
                3</p>
        </div>
    </div>
</body>
</html>
Поделиться
  • 0
    @SKaul: указать индекс вкладки, а не идентификатор
  • 0
    Это не работает.
Показать ещё 6 комментариев
0

Вы можете использовать:

// Activate the second tab (zero-based index)
$("#tabs ul").tabs( "select", 1 );

используя новый API:

// Activate the second panel
$("#tabs ul").tabs( "option", "active", 1 );
Поделиться
  • 0
    Уже попробовал, та же ошибка
  • 0
    @SKaul: обновил ответ. Проверь сейчас. удалить селектор идентификаторов
Показать ещё 6 комментариев
0

Попробуй использовать:

$("#tabs").tabs("option", "active", 1);

вместо:

$("#tabs").tabs("option", "active", "Page2");
Поделиться
  • 0
    Я уже пробовал это, не работает.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню