Функция JQuery Click не загружает вкладки AJAX

Question

У меня есть несколько вкладок, которые загружают контент AJAX. Когда я нажимаю на вкладки, он загружает контент ajax совершенно без проблем, работает точно так же, как в демонстрациях Jqueryui.

Но когда я пытаюсь изменить вкладку с помощью функции onclick, она открывает вкладку, но не выполняет ajax. Это известная проблема, это может быть сделано ?? Неужели вкладки ajax зависят от того, что пользователь щелкает по href, чтобы знать, что загружать.

Это код:

$("#signuptabs").tabs();

<div id="signuptabs">
     <ul>
         <li><a href="type.php"><span>type</span></a></li>
         <li><a href="umber.php"><span>CNumber</span></a></li>
         <li><a href="vices.php"><span>s</span></a></li>
         <li><a href="ups.php"><span>ups</span></a></li>
    <li><a href="ext.php"><span>ext</span></a></li>
        <li><a href="enu.php"><span>IMenu</span></a></li>
        <li><a href="info.php"><span> Information</span></a></li>
     </ul>

</div>


$(".step2next").click(function() $('#signuptabs').tabs("select" , 1));

Он не загружает внешний контент при использовании функции щелчка.

Answer 1

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

$(".step2next").bind('click',function(){
  $("#tab_id").trigger('click');
});

Просто поместите вкладку для "#tab_id".

Answer 2

Вкладки пользовательского интерфейса Jquery имеют связь между ссылкой Href и идентификатором div для идентификации содержимого каждой вкладки ... Если вы используете обычный код, предоставленный пользовательским интерфейсом Jquery, вам необходимо сохранить эти отношения живыми!

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">TAB 01</a></li>
    <li><a href="#tabs-2">TAB 02</a></li>
    <li><a href="#tabs-3">TAB 03</a></li>
  </ul>
  <div id="tabs-1">
    <p>Content for Tab 01 because this Div id is equal to Href content of TAB 01 description</p>
  </div>
  <div id="tabs-2">
    <p>Content for Tab 02 because this Div id is equal to Href content of TAB 03 description</p>
  </div>
  <div id="tabs-3">
    <p>Content for Tab 03 because this Div id is equal to Href content of TAB 03 description</p>
  </div>
</div>

Если вы изменили «стандартный» способ, вам нужно предоставить больше кода!

Для Ajax-контента, используя вышеупомянутый Skell, загрузите контент в правильный идентификатор div...

Ps: Это все верно, если я правильно понимаю ваш вопрос!