Question

我不是设计师所以我有这个问题：我有一个链接，在鼠标悬停时我想使用FancyBox显示预览图像，当用户点击我想下载链接文件。问题是鼠标总是被捕获，而下载永远不会被执行。

以下是代码：

 $(".my_link").hover(function() {
            $.fancybox(
                    '<img src=bla bla>',
                    {
                            'autoDimensions'        : false,
                            'width'                         : 350,
                            'height'                        : 'auto',
                            'transitionIn'          : 'none',
                            'transitionOut'         : 'none'
                    }
            );
    });

有没有办法解决它？

Answer 1

首先，你只在悬停中有一个函数，这意味着它将执行鼠标悬停和鼠标移动操作中的任何内容。你能看看你是否可以用鼠标输出功能关闭盒子吗？

修改：您可以尝试以下建议;关闭Fancybox的命令是$ .fancybox.close（）。如果您愿意，也可以将它应用到您自己的代码中;只需添加第二个函数就像我使用该行一样悬停。

另外，关于你对Fancybox的使用，我自己没有使用它，但我不完全确定你正确使用了这个功能;你传了一个＆lt; img src =“blah blah”＆gt; element作为第一个参数，但由于这是jQuery，我认为你必须放入一个选择器，如“＃my-img”。如果我错了，请纠正我。

如果我的怀疑是正确的，我会尝试以下方法：

$(".my_link").hover(function(){
    $(this).fancybox(...);
}, function(){
    $.fancybox.close();
});

Html：如何在链接上显示预览？

1 个答案: