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

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

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

Это дает мне

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

Аналогичная ошибка в использовании select.I также используется индекс, как и в другой ошибки post.Same. Мой код для вкладок, как это:

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

EDIT

HREF я дал на самом деле вкладки JSP's.The выходят хорошо, но переход на другую вкладку не работает

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

источник

2014-02-21 SKaul

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

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

вместо:

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

источник

2014-02-21 13:25:05 Felix

Я уже пытался это, не работает. – SKaul

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

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

с использованием новых API:

// Activate the second panel 
$("#tabs ul").tabs("option", "active", 1);

источник

2014-02-21 13:29:01

Уже пробовал, и такая же ошибка – SKaul

@SKaul: обновлен ответ. Проверь сейчас. remove id selector –

Зачем это работать? Я действительно пытался это сделать, но это не работает и не дает мне никакой ошибки. – SKaul

попробовать это

$("#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>

источник

2014-02-21 13:39:22

@SKaul: укажите в указателе вкладки, а не ID –

Это не работает. – SKaul

@SKaul: дали в полном html. Надеюсь это поможет. –

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

ответ

Смежные вопросы