Эффекты лайтбокса JavaScript больше не работают после jquery .load()Jquery

Программирование на jquery
Ответить
Anonymous
 Эффекты лайтбокса JavaScript больше не работают после jquery .load()

Сообщение Anonymous »

Пожалуйста, помогите мне решить следующую проблему. Я потратил целый день на поиск исправлений в сети и безуспешно пытался заставить его работать.
У меня есть эта ссылка на меню (я нажимаю на эту ссылку, чтобы загрузить код из foto.php в div #afisare_continut, найденный в about.php):

Код: Выделить всё

[*]
[url=#foto]

Foto
[/url]

У меня есть эта функция jQuery, прикрепленная к указанному выше событию onclick:

Код: Выделить всё

function foto() {
$('div[class^="tab-pane"]').hide();
$("#afisare_continut").load("foto.php");
}
Класс Div "tab-pane" это будет предыдущий загруженный код из другого файла.
У меня есть этот контейнер div, в котором загружается файл foto.php: Это код foto.php:

Код: Выделить всё

[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/1.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/1.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/2.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/2.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/3.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/3.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/4.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/4.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/5.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/5.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/6.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/6.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/7.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/7.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/9.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/9.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/10.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/10.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/11.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/11.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/12.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/12.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/8.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/8.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/12-1.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/12-1.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/6-1.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/6-1.jpg[/img]
[/url]
[url=http://canvashtml-cdn.semicolonweb.com/images/portfolio/full/6-2.jpg]
[img]http://canvashtml-cdn.semicolonweb.com/images/portfolio/4/6-2.jpg[/img]
[/url]

`
По следующей ссылке вы можете увидеть, как должен работать загруженный код из foto.php. Перейдите по этой ссылке, щелкните изображение и посмотрите, как работает эффект LightBox: нажмите здесь
Ну, проблема в том, что после того, как я использую метод jQuery .load() для переноса (.load() ) кода изображений галереи из "foto.php" в основной файл "about.php" (в #afisare_continut div), эффект LightBox больше не будет работать. Когда я нажимаю на изображение, оно просто отправляет меня на ссылку на полное изображение, не показывая мне лайтбокс. Но если вставить код изображений галереи в основной/исходный файл (about.php), в котором загружался foto.php, эффект Lightbox сработает. Плагин Lightbox JavaScript: и включен в заголовок основного файла "about.php". Вы можете найти код плагинов.js: здесь
Похоже, что код лайтбокса из плагинов.js не будет применяться к коду изображений галереи из файла foto.php (загруженного с помощью метода .load()). Это применимо только в том случае, если код изображений галереи уже находится в «about.php».
Пожалуйста, помогите мне заставить плагин JavaScript Lightbox работать с загруженным кодом foto.php.

Подробнее здесь: https://stackoverflow.com/questions/328 ... query-load
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»