Как использовать jQuery и класс span?

Question

Как использовать jQuery и класс span?

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>

Моя проблема заключается в том, что текст изменяется с одного на •, но сообщение не отображается при наведении, и если я сделаю так, чтобы текст не менялся, появится сообщение, поэтому я знаю, что это не проблема с кодировкой сообщения.

user2801863 21 сен. 2013, в 13:42

Источник

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

BenM · Answer 1 · 2013-09-21T08-33-00.000Z

Вы должны поместить атрибут 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>

EDIT: Поскольку jsFiddle не имеет вашего модуля плагина как часть этого, я переделал скрипку, чтобы вы могли попробовать с плагином в вашей системе dev http://jsfiddle.net/ZBdRu/1/. Если это не сработает, рассмотрите вместо этого использование всплывающей подсказки JQuery UI. Он используется намного большим количеством людей, он прост и имеет большую поддержку. http://jqueryui.com/tooltip/

но таким образом код "# smt-tooltip" не влияет на то, как выглядит "title"?
Это не сработает на jsFiddle, потому что ваш плагин не является частью того, что вызывается. Я переделал скрипту с твиком к вашему jQuery, который может сработать, если вы попробуете это в вашей работающей системе, где у вас есть плагин для стилизации всплывающей подсказки. jsfiddle.net/ZBdRu/1