отобразить новое содержимое в jQuery fancybox

Вопрос:

У меня есть всплывающее окно jQuery fancybox, которое отлично работает. Скажем, всплывающее окно содержит ссылку <a href="http://example.com/foo/bar.html">show another content of this fancybox</a>

Когда вы нажимаете на эту ссылку, всплывающее окно fancybox исчезает, весь браузер отображает страницу http://example.com/foo/bar.html (имеет смысл).

Это решение также не работает:

<a href="#" onclick="alert('we are on the way to change the content of the fancybox');self.parent.location='http://example.com/foo/bar.html';alert('new content should be applied already');return false;">You are clicking on the link in the fancybox to apply a new content to this fancybox</a>

Любые предложения по замене старого контента новым контентом в том же всплывающем окне fancybox? Спасибо.

Просто добавил: Похоже, я нахожусь на половине пути, используя:

$(".fancybox-inner").load("http://example.com/foo/bar.html");

Я на правильном пути, или это может быть сделано лучше? Спасибо.

Ответ №1

Если вы хотите использовать свой собственный контент, а не тот, который установлен в div, вы можете использовать контент или контент href (контент для любого контента и href для изображения)

$('.my-lightbox').click(function () {
$('.my-lightbox').fancybox({
padding: 20,
prevEffect: 'none',
nextEffect: 'none',
href: "your image here",
//content: "your content here"
});

});