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

Question

是否可以在扩展的 div 而不是新的模态窗口中包含颜色框及其动画？不确定颜色框是正确的方法。

我想将外部 html ajax 加载到 div 中，但要保持颜色框具有的关闭、动画和加载功能。

任何想法将不胜感激。

Answer 1

当然！colorbox 只是查看您应用 colorboxhref的标签的属性。<a>该标签是否链接到图像或 html 文件并不重要，它会将内容加载到精美的颜色框框架中。

例如，在您的主页内容中：

<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 声明。我不知道解决方案是什么。