Question

您好，并提前谢谢。我有这个代码（BTW我只是一个被要求这样做的系统人员）

我们有一个网站，上面有两张地图，现在它们在鼠标悬停时打开，非常非常刺激，我们希望关闭鼠标悬停。我没有最模糊的想法，我害怕我试着看看这个花哨的盒子网站，但我看不到任何帮助。对我来说几乎都是我的恐惧。

这是它使用的代码

/* <script>
$(".test").fancybox({
    href: "http://localhost/img/map.jpg"
});

$(".test").hover(function() {
    $(this).click();
    $("#fancybox-overlay").remove(); //remove the overlay so you can close when hover off.
}, function() {
    $.fancybox.close();
});</script> 
*/ ?>
<script>
$(document).ready(function() {
    $("a#single_image").fancybox();
});
</script>

Answer 1

删除脚本的这一部分：

$(".test").hover(function() {
    $(this).click();
    $("#fancybox-overlay").remove(); //remove the overlay so you can close when hover off.
}, function() {
    $.fancybox.close();
});

然后你可以改变这一行

$(".test").fancybox({
    href: "http://localhost/img/map.jpg"
});

之类的东西

$(".test").fancybox();

因为您可能需要在点击时打开地图，只需确保您的html代码中包含以下内容：

<a class="test" href="http://localhost/img/map.jpg">open map 1</a>
<a class="test" href="http://localhost/img/map02.jpg">open map 2</a>

FancyBox点击打开（来自完整的新手）

1 个答案: