0

我希望链接号在悬停时变为一个点，并在悬停时显示一条消息，我已经使用 jQuery 和垃圾邮件类完成了它，但我不能让它们一起使用，一次只能工作一个。这是我的 jQuery 代码：

(function($){
  $(document).ready(function(){
    $("a[title]").style_my_tooltips({
      tip_follows_cursor:false, 
      tip_delay_time:90, 
      tip_fade_speed:600, 
      attribute:"title"
    });
  });
})(jQuery);

标题外观代码：

#s-m-t-tooltip {
max-width:300px;
padding:6px 6px 6px 6px;
margin:20px 0px 0px 20px;
background: #fff;
border:1px solid #000;
font-family:arial;
font-size:10px;
letter-spacing:0px;
text-transform:uppercase;
color:#000;
z-index:999999999999999999999999999999999999;
}

悬停时文本的海湾变化：

.navi .dot { display: none; }
.navi:hover .link { display: none; }
.navi:hover .dot { display: inline; }

和 HTML：

<span class="navi">
<span class="link">
<a href="" title="Online Services">1</a></span>
<span class="dot">&bull;</span></span>

我的问题是文本从一个变为 • 但消息没有出现在悬停上，如果我让它没有文本更改，消息就会出现，所以我知道这不是消息编码的问题。

4

1 回答 1

0

您需要将标题属性放在“点”跨度上。

小提琴示例：http: //jsfiddle.net/ZBdRu/

<span class="navi">
<span class="link">
<a href="" title="Online Services">1</a></span>
<span class="dot" title="Online Services">&bull;</span></span>

编辑：由于 jsFiddle 没有您的插件模块作为其中的一部分，我重做了小提琴，让您尝试在您的开发系统http://jsfiddle.net/ZBdRu/1/上使用插件。如果这不起作用，请考虑改用 jQuery UI 工具提示。它被更多的人使用，它很容易并且有很多支持。http://jqueryui.com/tooltip/

于 2013-09-21T10:51:33.167 回答