JQuery Ajax用loader加载外部html

Question

是否有可能在扩展的div而不是新的模态窗口中拥有colorbox及其动画？不确定colorbox是否正确。

我想ajax将外部html加载到div中，但保持关闭，动画和加载函数colorbox有。

任何想法都会非常感激。

Answer 1

当然！ colorbox只会查看您正在应用colorbox的href标记的<a> attrbibute。无论该标签是链接到图像还是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声明。我不知道解决方案是什么。