所有,
我正在尝试将一些内容加载到fancybox中。我想使用AJAX加载一些页面内容。如何使用AJAX和1.3版将此内容加载到我的花式框中?
谢谢!
最佳答案
要通过单击链接将AJAX内容加载到FancyBox中,可以使用以下方法,直接从FancyBox示例(http://fancybox.net/howto)中获取:
<a class="various" href="/demo/ajax.php">Ajax</a>
$(document).ready(function() {
$(".various").fancybox();
});
请注意,这非常有效,但是如果您想为花哨的框指定其他参数,则可以执行以下操作:
$(document).ready(function() {
$(".various").fancybox({
hideOnOverlayClick:false,
hideOnContentClick:false,
....,
});
});
有关其他参数,请参阅fancybox文档。
您始终可以使用
href
选项(http://fancybox.net/api)在JavaScript中指定href
。更新:我看到您正在使用1.3.4,因此链接已相应更新。
更新:如果要更新到FancyBox 2,则可以使用FancyBox网站(http://fancyapps.com/fancybox/#examples)上的以下示例:
<a class="various fancybox.ajax" href="/demo/ajax.php">Ajax</a>
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});