Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.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
Javascript Fancybox问题:重新启动Fancybox,关闭并悬停_Javascript_Jquery_Fancybox 2 - Fatal编程技术网

Javascript Fancybox问题:重新启动Fancybox,关闭并悬停

Javascript Fancybox问题:重新启动Fancybox,关闭并悬停,javascript,jquery,fancybox-2,Javascript,Jquery,Fancybox 2,我正在尝试使用beforeShow:function()将fancybox定位在其触发器元素附近。它不起作用了 我还试图在悬停时关闭fancybox。使用$.fancybox.close()它在悬停在上时打开,但在悬停在上时不关闭。我正试图让悬停在之外,以处理触发器元素和fancybox 以下是html: <a class="fancybox-effects-e" width="300" height="250" href="page.html" title="<b>Title

我正在尝试使用
beforeShow:function()
将fancybox定位在其触发器元素附近。它不起作用了

我还试图在悬停时关闭fancybox
。使用
$.fancybox.close()它在
悬停在
上时打开,但在
悬停在
上时不关闭。我正试图让
悬停在
之外,以处理触发器元素和fancybox

以下是html:

<a class="fancybox-effects-e" width="300" height="250" href="page.html" title="<b>Title: </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="assets/imgs/web/2.jpg" alt="" /></a>
$("a.fancybox-effects-e").fancybox({
            beforeShow: function(){                         
                var position = this.element.offset();
                $("a.fancybox-effects-e")._getPosition = function() {
                    return position;
                }
            console.log("position = " + position);  
            this.width = $(this.element).data("width");
            this.height = $(this.element).data("height");
            },
            frameWidth  : '100%',
            frameHeight : '100%',
            fitToView: false,
            autosize: false,
            overlayShow : false,
        /*  wrapCSS    : 'fancybox-custom', */
            closeClick : true,
            openEffect : 'elastic',
            openSpeed  : 150,
            closeEffect : 'elastic',
            autoCenter: false,
            closeSpeed  : 10,

            type:'iframe',
            helpers : {

                title : {
                    type : 'inside'
                }
            }}
            )
            .hover(function () {
            $(this).click();
        }, function(){
            $.fancybox.close();
        });