как изменить вкладки ajax jquery-ui или начать с нуля?

#php #jquery #ajax #jquery-tabs

#php #jquery #ajax #jquery-tabs

Вопрос:

Я пытаюсь узнать больше о «ajax» и до сих пор добился наибольшего успеха с вкладками jquery с опциями ajax. Проблемы, с которыми я сталкиваюсь:

  • Вкладки деградируют до li. Могу ли я просто изменить шаблон в jquery-ui.js ?
  • Я не могу изменить заголовок страницы.
  • При перезагрузке страницы я возвращаюсь на свою домашнюю страницу.
  • Закладки могут не работать.
  • Вычисляемые стили, которые поставляются с вкладками, мешают другим элементам страницы и, похоже, делают всю страницу менее модульной.

Я также изучаю php и чувствую, что некоторые из этих проблем могут подпадать под эту категорию.

Все, что я действительно хочу, это страница, на которой я могу легко контролировать, что перезагружается, а что нет, когда нажимается привязка, и которая поддерживает скрипты с домашней страницы.

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

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

1. Вкладки jQuery ui предназначены для изменения СОДЕРЖИМОГО, а не страницы или ее структуры. Чтобы заставить обновление / возврат / избранное работать с AJAX, вы используете хэштеги. Чтобы узнать больше, ознакомьтесь с этим: sverdianto-blog.blogspot.com/2011/06 /…

Ответ №1:

Единственный способ изменить URL-адрес — это сделать перенаправление или добавить хэш (#qwerty) после текущего URL-адреса. Если вы действительно имели в виду изменение заголовка, вы должны обработать это с помощью события выбора

 $( ".selector" ).tabs({
   select: function(event, ui) { ... }
});
  

Где вы можете выполнить соответствующие действия внутри этой функции.

Для шаблонов вы можете использовать свои собственные:

  Panel:
   $( ".selector" ).tabs({ panelTemplate: '<li></li>' })

Tab:
 $( ".selector" ).tabs({ tabTemplate: '<div><a href="#{href}"><span>#{label}</span></a></div>' });
  

Вы можете найти больше информации и примеров в официальном документе: Здесь

Ответ №2:

Вам лучше использовать методы jQuery Ajax (проверить http://api.jquery.com/category/ajax /), чем вкладки. Таким образом, вы можете свободно использовать или использовать собственный стиль и определять, в какой div / li / wharever должен быть помещен извлеченный контент. Используйте вкладки, только если вам нужен стиль / функциональность jQueryUI (похоже, это не так).