Нужно ли использовать iframe или есть другой метод?

Question

Я работаю над этим проектом в течение нескольких дней, и я действительно не нашел твердой информации, кроме сотрудника, говорящего, что я должен использовать iframe. Надеюсь, что другие могут вмешаться и помочь мне.

Проблема:

У меня есть индексная страница с различными ссылками, которые когда-то нажимали выполнят slidedown и раскрыть содержание с другой страницы (подстраницы). Однако на подстранице есть ротатор изображений, который отлично работает, когда вы просматриваете его самостоятельно, но не работает при просмотре на индексной странице. JQuery не вызывается, поэтому ротатор изображения умирает. Какой был бы лучший способ разрешить просмотр содержимого из подстраниц с его ротатором на индексной странице?

Извините, если это сбивает с толку, я изложил это как можно лучше, но если кто-то может помочь, я бы очень признателен. У меня нет опыта работы с jQuery, и я новичок. Спасибо, ребята, заранее!

Answer 1

Похоже, вам просто нужно загрузить надлежащий JavaScript после того, как HTML для «ротатора изображений» загрузится в DOM.

В то время как вы делаете вызов AJAX для «изображений ротатора» использовать $.getScript(), чтобы получить заголовочный файл для «изображений ротатора»:

var XHRs = []; 
XHRs.push($.get('<URL TO HTML>', function() {...})); 
XHRs.push($.getScript('<URL TO JAVASCRIPT>', function() {...})); 
$.when(XHRs).then(function() { 
    //here is where you initialize the "image rotator" because the HTML and the JS will be loaded into the DOM 
}); 

Если вы хотите сохранить свой «образ ротатора» скрипт инициализации внешнего вы можете сделать еще один вызов $.getScript() внутри анонимной функции в вызове функции .then.

Answer 2

Загляните в плагины jquery, такие как thickbox или fancy box. Они могут делать именно то, что вы хотите.