вкладки jquery в режиме ajax меняют источник

#ajax #jquery-ui #jquery #jquery-tabs

#ajax #jquery-пользовательский интерфейс #jquery #jquery-tabs

Вопрос:

Я пытаюсь изменить источник конкретной вкладки jquery (режим ajax) Я создал. Теперь у меня есть 5 вкладок, поэтому, когда пользователь нажимает на вторую вкладку через 50 секунд, исходный URL iframe должен измениться (только один раз).

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

 select: function(event, ui)



 <div id="example">
     <ul>
         <li><a href="ahah_1.html"><span>Content 1</span></a></li>
         <li><a href="ahah_2.html"><span>Content 2</span></a></li>
         <li><a href="ahah_3.html"><span>Content 3</span></a></li>
     </ul>
</div>
  

Комментарии:

1. Где вступает в игру iframe?

2. document.getElementById(«IframeId»).src = » google.com «возможно, попробовал это, если я изменю src iframe. не помогло.

3. Я имею в виду, что в опубликованном вами коде нет iframe. Является ли iframe частью содержимого, возвращаемого ajax-запросом?

4. <идентификатор div=»Todo_Overview»> … </div>

5. нет, это не просто внимательно рассмотрено сейчас. извините.

Ответ №1:

Вот как я это сделал.

Измените URL таким образом, используя встроенную функцию. Изменение URL в теге «a» ничего не даст, потому что ссылка меняется, когда она привязана к макету вкладки.:

 $("#tabdiv").tabs("url", tabIndex, newLink);
  

Теперь URL-адрес обновляется, но содержимое остается прежним, поэтому обновите вкладку следующим образом:

 $("#tabdiv").tabs("load", $("#tabdiv").tabs("option","selected"));
  

Или, если вы хотите переключиться на другую вкладку, просто сделайте это:

 $("#tabdiv").tabs("load", tabIndex);