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

Question

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

Проблема:

У меня есть страница указателя с различными ссылками, при нажатии на которые происходит слайд-шоу и показ содержимого с другой страницы (подстраницы). Тем не менее, подстраница имеет вращатель изображения, который прекрасно работает, когда вы просматриваете его самостоятельно, но не работает, когда вы просматриваете на индексной странице. 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 . Они могут делать именно то, что вы хотите.