Shadowbox не работает, когда он находится внутри функции jQuery ".html".

Question

Ну, я помещаю ссылку в div с именем "alertta" с помощью функции jQuery ".html".

Хорошо, тогда я попытался поместить параметр "rel = 'shadowbox'" внутри моего тега "a", и он не работает.

$('#alerta').html('<a href="selecao.php?id=' + 
                    avisos[i+1] + '" rel="shadowbox">' + avisos[i] + '</a>');

Если ссылка размещена прямо на странице, она отлично работает ...

Спасибо.

Answer 1

Shadowbox инициализирует элементы, которые имеют отношение к shadowbox при загрузке страницы. Если вы используете jquery для добавления ссылки, то к ссылке не будет прикреплен обработчик событий.

Попробуйте добавить класс по ссылке, например, sbox. Затем поместите это в теги скрипта вместо Shadowbox.init ();

window.onload = function() {
   Shadowbox.setup($('.sbox'));
};

Shadowbox.init({
     skipSetup:true, // skip the automatic setup    
});

$(document).ready(function(){

       $('a.sbox').live('click',function(event){

       Shadowbox.open(this);
       //Stops loading link
       event.preventDefault();

       });
});

Answer 2

Полагаю, вам нужно позвонить на

Shadowbox.init();

или что-то похожее, чтобы shadowbox знал о недавно добавленных ссылках.

UPDATE см. форму ответа Лэнс Мэй. Моя устарела.

Answer 3

Я решил проблему.Вы должны инициализировать

(shadowbox.ini()) 

только тогда, когда все "shadowbox links" размещены.

Спасибо за поддержку.

Answer 4

Посмотрите на следующий пост. Это может помочь.

jQuery - повторная привязка Shadowbox