Javascript 如何同时使用jQuery和span类?

Javascript 如何同时使用jQuery和span类?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望链接号在鼠标悬停时变为一个点,并在鼠标悬停时显示一条消息,我已经使用jQuery和一个垃圾邮件类完成了这项工作,但我不能让它们一起工作,一次只能工作一条。 这是我的jQuery代码: (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:false, tip_delay_time:90, tip_fa

我希望链接号在鼠标悬停时变为一个点,并在鼠标悬停时显示一条消息,我已经使用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> 

&公牛;

我的问题是文本从1变为•但消息不会显示在悬停状态,如果我将其设置为没有文本更改,则消息会显示,这样我就知道消息编码没有问题。

您需要将title属性放在“点”范围上

小提琴示例:


&公牛;

编辑:由于JSFIDLE没有您的插件模块作为它的一部分,因此我重新制作了这个提琴,让您在您的开发系统上尝试使用该插件。如果这不起作用,那么应该考虑使用jQuery UI工具提示。它被更多的人使用,它简单而且有很多支持

您使用jQuery插件来设置工具提示的样式这一事实意义重大。z-index最大值为99我花了更长的时间来阅读,这是值得的time@frenchie谁告诉你的??这是错误的,w3没有列出最大值,在处理z索引值时可能是最准确的。但是这样“#s-m-t-tooltip”代码不会影响“title”的外观?在JSFIDLE上不会这样做,因为您的插件不是调用的一部分。我对jQuery做了一些调整,如果你在有工具提示样式插件的实时系统上尝试,这可能会奏效。
<span class="navi">
<span class="link">
<a href="" title="Online Services">1</a></span>
<span class="dot" title="Online Services">&bull;</span></span>