JQuery Ajax загрузка внешнего HTML с загрузчиком - PullRequest
Новая
       7

JQuery Ajax загрузка внешнего HTML с загрузчиком

0 голосов
/ 23 июня 2011

Возможно ли иметь colorbox и его анимацию в расширяющемся элементе, а не в новом модальном окне? Не уверен, что colorbox - правильный способ сделать это.

Я хочу, чтобы ajax загружал внешний html в div, но сохранял функции colorbox, которые есть в функциях закрытия, анимации и загрузки.

Любые мысли приветствуются.

1 Ответ

0 голосов
/ 23 июня 2011

Конечно! colorbox просто смотрит на атрибут href атрибута <a>, к которому вы применяете colorbox. Неважно, будет ли этот тег ссылаться на изображение или HTML-файл, он будет загружать содержимое в причудливый фрейм colorbox.

Например, в содержании вашей главной страницы: 

<a id="colorboxMe" href="yourPage.html">Click to see yourPage</a>

А в вашем javascript: 

$('#colorboxMe').colorbox();

Нажатие на ссылку должно загрузить содержимое yourPage.html в расширяющийся div.

РЕДАКТИРОВАТЬ: О, я не понял ваш вопрос. Я думаю, если вы не хотите, чтобы наложение и центрированный кадр, вы могли бы изменить его с помощью некоторого CSS. Добавьте это в CSS вашей главной страницы: 

#cboxOverlay {
    display: none;
}
#colorbox {
    position: relative;
    display: inline;
    left: 0px;
    top: 0px;
}

РЕДАКТИРОВАТЬ РЕДАКТИРОВАТЬ: Это, вероятно, не будет работать, потому что скрипт переопределит эти декларации css. Я не знаю, что решение.

...