如何同時使用jQuery和span類？

Question

我希望鏈接號在懸停時更改為點，並在懸停時顯示一條消息，我已經使用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> 

我的問題是文本從一個更改為•，但是該消息沒有懸停顯示，並且如果我沒有做任何更改，該消息就會出現，因此我知道這與消息編碼無關。

Answer 1

您需要將title屬性放在“點”跨度上。

小提琴示例： 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/