Question

如果我关闭Fancybox，我只想重新加载一个div而不是整页... 我已经阅读了很多相同问题的帖子，但是任何人都有适合我的解决方案。

任何想法？

谢谢！

Answer 1

在onClosed事件http://fancybox.net/api中，您可以重新加载div

$("#div").load("/url/to/reload");

或

 $("#div").html("refreshed content");

Answer 2

在指定Fancybox显示参数后，在afterClose函数上使用Fancybox。

你的div：

 <div id="tree-image" class="tree-list-image"><a id="inline" href="PATH TO 
 YOUR 
 IMAGE" data-caption="YOUR IMAGE TITLE"><img src="PATH TO YOUR IMAGE" 
 alt="THIS IS AN IMAGE"/></a></div>

Fancybox脚本功能：

<script type="text/javascript">
$(document).ready(function() {
/* This is basic - uses default settings */

$("a#inline").fancybox({
'opacity' : 0.4,
'autoSize' : true,      
'transitionIn'  :   'elastic',
'transitionOut' :   'elastic',
'speedIn'       :   100, 
'speedOut'      :   200, 
'overlayShow'   :   false,
'hideOnContentClick': true,
         afterClose : function( instance, current ) {
            $('#tree-image').load(document.URL +  ' #tree-image');

        }
});
});
</script>

您也可以使用 - ＆gt;

window.location.reload(true);

在afterClose函数中。

当我说我不明白为什么或者选项总是有效时，我很诚实。我总是尝试那个，然后在大多数情况下我很幸运。我想这与你正在使用的jQuery版本有关。

有时当我使用fancybox打开对话框时，我会在关闭fancybox后使用相同的功能重定向到另一个页面。

您可以在https://treeco.co.za/our-trees/

上看到上述演示

关闭重装div的Fancybox

2 个答案: