Поведение лайтбокса на добавленном или клонированном контенте

Question

Я действительно использовал бы какую-то помощь, пожалуйста!

Я работаю в бэкэнде Joomla. Как вы, наверное, знаете, Joomla по умолчанию использует Mootools, а по умолчанию - SqueezeBox по умолчанию. Я пытаюсь построить модуль и внутри него я создаю настраиваемое поле, где я добавляю добавленные или клонированные строки. Для этого я использовал JQuery DynoTable.js плагин.

Проблема в том, что внутри каждой строки есть ссылка, которая вызывает модальный лайтбокс iframe. Когда я добавляю новую строку, новые строки не могут открыть лайтбокс.

window.addEvent('domready', function() { 
SqueezeBox.initialize({}); 
SqueezeBox.assign($$('a.modal'), { 
    parse: 'rel' 
}); 

});

К сожалению, я не могу изменить этот сценарий внутри ядра Joomla и не хочу его трогать.

Я предполагаю, что это потому, что уже установленный триггер находится на domReady и применяется только к уже существующему Dom. Для этого я попытался добавить резервный «триггер» в сценарий DynoTable, который звонит в Squeezebox осветителя снова применять:

onRowAdd: function(){ 
SqueezeBox.assign($$("a.modal"), {parse: "rel"}); 

},

Это работает (откроется осветителя), однако уже установлено модальные ссылки (из загруженных строк) откроют 2,3,4 и т. д. iframes в этом модале в зависимости от количества новых строк. Таким образом, в основном свежие строки откроют нормальный лайтбокс, а старые будут открывать несколько фреймов в этом лайтбоксе.

Надеюсь, я хорошо объяснил .. Большое спасибо, ребята!

Answer 1

Попробуйте изменить селектор присвоить что-то вроде этого:

onRowAdd: function(){ 
    // YOURDYNTABLE_ID has to be a valid selector to specify the dynoTable, can 
    // be an ID or class of the table, or an parent element containing the table 
    // with tr:last-child you only select the last row (the one you just added). 
    SqueezeBox.assign($$("YOURDYNTABLE_ID tr:last-child a.modal"), {parse: "rel"}); 
}