*   >> Чтение Образование Статьи >> tech >> web development

элементы реальных AJAX Вкладки с ThickBox включен

Введение:

<р> Это один из хорошего примера о том, как мы можем загрузить ThickBox (Пример: ThickBox связанные галереи изображений и т.д.,) в наших JQuery AJAX Tabs. Обычно, если вы пытаетесь загрузить ThickBox непосредственно в JQuery AJAX Tabs, функциональность не будет работать должным образом, для того, чтобы сделать эту работу, мы должны повторно инициировать tb_init () функция, соответственно, после того, как запрос успех. Просто взгляд ниже о том, как мы собираемся решать этот

Решение:..


<Р> Re-Инициировать tb_init () один раз запрос успех

1tb_init ('a.thickbox, area.thickbox, input.thickbox '); <р>

Live Preview /Скачать:

<р> Если вы хотите, чтобы взглянуть на JQuery AJAX Tabs, пожалуйста, нажмите здесь, чтобы посмотреть то же самое .

<р> Чтобы скачать фрагмент, нажмите здесь

Пример:

<р> Ниже приведен пример того, как мы можем это сделать на практике.

У меня есть несколько панелей Tab, в одном из Tab Panel есть несколько изображений, для которых мне нужно ThickBox функциональность, что, когда я нажимаю на соответствующем уменьшенному изображению он должен открыть всплывающее окно с текущим изображением.

JQuery Код:

12345678910111213141516171819202122232425262728293031323334353637383940414243444546var reqPageUrl = новый Array (); reqPageUrl [1] = "contentpage1.html"; reqPageUrl [2] = "contentpage2.html"; reqPageUrl [3] = "contentpage3.html"; reqPageUrl [4] = "contentpage4.html"; Функция loadTab (ID) {если (reqPageUrl [ID] .

length> 0) {$ ("# прелоадер") показать (). $ .ajax ({URL: reqPageUrl [ID], кэш ложь, ошибка:. функция (XMLHttpRequest, textStatus, errorThrown) {$ ('# tabmenu а') removeClass ("активный"); //удалить все класс = ' активный "для всех анкеров $ (" # content_tab "+ ID) .toggleClass (" активный ");.. //добавить класс к текущему $ (" # содержание ") пустой () добавить ('Ошибка при загрузке страницы, пожалуйста, свяжитесь с пути '); //если есть какие-либо ошибки в запросе $ ("# прелоадер") скрыть (); //скрыть прелоадер}, успех:. функция (сообщение) {$ (' # tabmenu а ') removeClass (.

"активный"); //удалить все класс = "активный" для всех анкеров $ ("#" + content_tab ID) .toggleClass ("активный"); //добавить класс к текущему $ ( "#content") пустой () добавить (сообщение);.. //сначала опорожнить содержимое, затем добавить содержимое $ ("# прелоадер") скрыть ();. //скрыть прелоадер tb_init ('a.thickbox, площадь .thickbox, input.thickbox '); //вызов функции tb_in

Page   <<       [1] [2] [3] >>

Copyright © 2008 - 2016 Чтение Образование Статьи,https://ru.nmjjxx.com All rights reserved.