Я создал вкладки jquery, и я хочу отображать разные данные из базы данных на каждой вкладке, как я могу это сделать, зная, что это один и тот же контейнер и те же данные, но с разными условиями надеются найти answer soon И я использую php и javascript ThanksРазличные события, когда onclick tabs
ответ
Я бы создать карту идентификаторов табуляции к удаленным URL-адресам, которые вы хотите вызвать, когда нажата вкладка. Например, в JS:
<script type="text/javascript">
var mySources = [];
mySources['home'] = '/ajax/getHome.php';
mySources['about'] = '/ajax/getAbout.php';
</script>
И, когда ваша страница строится, легко добавить клики слушателей и АЯКС звонки:
$(function(){
$("#myTabContainer a.tabLink").click(function(event){
event.preventDefault();
url = mySources[this.id];
$.get(url,null,
function(data){
// this is the data returned by the server,
// put it wherever it needs to go
}
);
});
});
Только мой $ .02, но это было бы как бы я начал это, по крайней мере. Удачи!
Настоящая хорошая идея Спасибо – Sarah
Похоже, вы просто хотите, чтобы ajax содержание вкладки основывалось на том, какая вкладка нажата? Или вы действительно хотите различный контент при нажатии одной и той же вкладки, в зависимости от какого-либо условия?
yes ajax tab content, на основе которого щелкнули, как я могу это сделать – Sarah
вы можете установить на события на вкладках (# ('вкладки'). Bind ('tabselect', 'йоЗотеЬЫпд())), так и внутри DoSomething называют метод Аякса
- 1. события Bubbling Jquery + Tabs
- 2. React Tabs onClick получить индекс выбранной вкладки
- 3. получить данные из события события onClick/onClick
- 4. Вкладки javascript: вызов события onclick
- 5. Добавление события onclick в ContentPresenter
- 6. Различные анимации для JQuery ui tabs
- 7. OnClick события время разрыв
- 8. результат события onclick исчезает
- 9. OnClick события не работает
- 10. Кнопки события onClick
- 11. Обработка события OnClick флажка
- 12. Повторное использование события onclick
- 13. Остановить другие события onclick
- 14. Программный запуск события onclick?
- 15. Ограничение выбора события onclick
- 16. Javascript OnClick объявление события
- 17. Позднее привязка события onclick
- 18. OnClick события внутри кнопки
- 19. IE8 OnClick обработчик события
- 20. Как проверить события onClick
- 21. window.open без события onclick
- 22. Различные действия для события click
- 23. jQuery UI Tabs - нет события создания
- 24. Как передать различные переменные через функцию onclick?
- 25. JQuery Аккордеон/Tabs - называйте различные функции от загрузки контента
- 26. Изменения MouseHover события OnClick события для подсказки
- 27. выполнение события щелчка без использования OnClick события
- 28. Отображение только заголовка события «onclick»
- 29. Отображение события animate onclick: none
- 30. Отзывчивый дизайн и события onclick
Просьба предоставить более подробную информацию. – rahul