Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Fancybox关闭重新加载分区_Jquery_Fancybox - Fatal编程技术网

Jquery Fancybox关闭重新加载分区

Jquery Fancybox关闭重新加载分区,jquery,fancybox,Jquery,Fancybox,如果我关闭Fancybox,我只想重新加载一个div,而不是整个页面。。。 我读过很多关于同一个问题的帖子,但是有人给了我一个可行的解决方案 有什么想法吗 谢谢大家! 在onClosed事件中,可以重新加载div $("#div").load("/url/to/reload"); 或 在指定Fancybox显示参数后,使用Fancybox on afterClose功能 你的部门: <div id="tree-image" class="tree-list-image"><

如果我关闭Fancybox,我只想重新加载一个div,而不是整个页面。。。 我读过很多关于同一个问题的帖子,但是有人给了我一个可行的解决方案

有什么想法吗


谢谢大家!

onClosed
事件中,可以重新加载div

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


在指定Fancybox显示参数后,使用Fancybox on afterClose功能

你的部门:

 <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>
在后关闭功能中

老实说,我不明白为什么这两个选项中的任何一个总是有效的。我总是先尝试一种,然后再尝试另一种,在大多数情况下,我都很幸运。我想这与您使用的jQuery版本有关

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


您可以在

上看到上面的演示,我只想重新加载一个div,而不是整个页面谢谢,但是如何实现这一点以及在哪里?很抱歉,我是fancybox的新手。。。它必须看看这个:
$(“#mydiv”).html(“我还不明白的东西来了);
,对吗?
 <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>
<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>
window.location.reload(true);