0

我在以前的帖子中找不到任何解决我问题的方法，所以这是我的问题：

我正在使用 Fancybox 图片库，当我将鼠标悬停在主页上的缩略图上时，他们会从灯箱中弹出的每个集合中的第一个大图片中获取标题。我不希望这种情况发生——我不希望鼠标悬停在缩略图上。

有没有办法防止这种情况发生？

<div class="imglist"> 
<div align="center">
<a class="fancybox" rel="set1" href="images/Arch/OVAL/entry.jpg" 
    title="Richmond Olympic Oval - Entry">
<img src="images/headers/1.jpg" width="150" height="150" border="0">
</a>
</div>
4

2 回答 2

0

目前，无法title使用 CSS 设置（或隐藏）默认属性的样式。在 jQuery 中解决它的一种方法是在悬停时将其删除：

$('[title]').on('mouseenter', function() {
    var $this = $(this);
    $this.data('title', $this.attr('title')).prop('title', null);
}).on('mouseleave', function() {
    var $this = $(this);
    $this.attr('title', $this.data('title')).data('title', null);
});

或者您可以永久删除它

(function($) {
    $('.i-dont-want-title').each(function() {
        var $this = $(this);
        $this.data('title', $this.attr('title')).prop('title', null);
    });
})(jQuery);

并将其用于自定义工具提示。

于 2013-09-14T12:19:05.413 回答
0

我修好了它！我在 js 中找到了 attr('title' 的三个实例，将它们更改为 attr('data-title'，现在我在灯箱中的图像上获得了标题，但鼠标悬停在缩略图上没有任何内容。它似乎有效在所有浏览器上。

谢谢你的建议，Thew。

于 2013-09-15T00:17:48.257 回答