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

Question

是否有可能让colorbox及其动画处于扩展div而不是新模态窗口？不知道colorbox是做这件事的正确方法。

我想ajax加载外部html到一个div，但保持关闭，动画和加载功能colorbox。

任何想法将不胜感激。

Answer 1

当然可以！ colorbox仅查看您要应用colorbox的<a>标签的href属性。无论该标签是链接到图像还是HTML文件，它都会将内容加载到一个漂亮的彩色框中。

例如，在你的主页内容：

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

而在你的javascript：

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

点击链接应该的yourPage.html内容加载到不断扩大的股利。

编辑：哦，我不明白你的问题。我猜如果你不想覆盖和居中框架，你可以用一些CSS来改变它。添加到您的主页的CSS：

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

编辑编辑：这可能不会工作，因为脚本将覆盖这些css声明。我不知道解决方案是什么。