JQuery Ajax 使用加载器加载外部 html

Question

是否可以将 colorbox 及其动画放在扩展的 div 中而不是新的中模态窗口？不确定 colorbox 是执行此操作的正确方法。

我想用 ajax 将外部 html 加载到 div 中，但保留 colorbox 具有的关闭、动画和加载功能。

任何想法将不胜感激。

Answer 1

当然！ colorbox 只是查看您要应用 colorbox 的 标记的 href 属性。该标签是否链接到图像或 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 声明。我不知道解决方案是什么。