2009-06-02 5 views
3

В настоящее время я использую атрибут title моего тега 'a' для отображения и скрытия изображений, соответствующих этому тегу.jquery title атрибут текст всплывающее скрыть

Однако, когда вы наводите указатель на «a», появляется раздражающий текст заголовка.

Можно ли отключить этот всплывающий текст без полного отключения атрибута title? Любая помощь - это здорово!

Приветствия,

DanC

----- редактировать ------

здесь рабочий код, который проходит в строгом !!!! XHTML

$ (документ) .ready (функция() {

$(\"ul.projects li a\").hover(
    function(){ 

    var largeAlt = $(this).attr(\"class\"); 

    $(\"ul.image_display li#image_hover img\").attr({ src: largeAlt }); 
    $(\"ul.image_display li#image_hover img\").fadeIn(); 

}, 
    function(){ 

    $(\"ul.image_display li#image_hover img\").attr({ src: \"\" }); 
    $(\"ul.image_display li#image_hover img\").fadeIn(); 

}); 

});

+1

, пожалуйста, напишите какой-то код того, что вы пытаетесь сделать. Покажите нам html и jquery-код, который вы написали. – Natrium

+1

все это хорошо, только что поняли, что вы можете использовать любой атрибут при обмене дорожками изображений, поэтому я передал путь к каталогу как 'a', а не заголовок, избавляясь от всплывающих окон! $ (\ "ul.projects Ли а \"). Зависать ( \t \t функция() { \t \t \t \t \t \t \t \t \t \t \t вар largeAlt = $ (это) .attr (\ "идентификатор \ "); \t \t \t $ (\" ul.image_display Ли # image_hover IMG \ ") атр ({ЦСИ: largeAlt}.); \t $ (\" ul.image_display Ли # image_hover IMG \ "). fadeIn(); \t}, \t \t функция() { \t \t \t \t $ (\ "ul.image_display Ли # image_hover IMG \") атр. ({SRC: \ "\"}); \t $ (\ "ul.image_display li # image_hover img \"). FadeIn(); \t}); – DanC

+1

Редактировать сообщение, чтобы вставить код.Потому что все это сработало, если вы разместите его как комментарий :-) – Natrium

ответ

4

Вы можете попробовать использовать свои собственные атрибуты вместо атрибута "title".

<a customtagattribute="some value" id="link1" href="#">Linkety!</a> 

EDIT: JSON ключевых пар значений также может быть использован, как это -

var links = { "link1": "attribute value 1", "link2": "attribute value 2", ... }; 
+0

да, только что сделали что-то подобное, приветствия для ответа, хотя! – DanC

+3

проблема только в том, что у вас не будет действительного xhtml. Если вы считаете, что это проблема. – Natrium

+0

Да, только что заметили отсутствие проверки, должна быть работа для этого ........ – DanC

1

Не совсем так, как должны вести себя браузеры. Если вы хотите сопоставить эти данные, вы можете захотеть создать структуру данных Javascript, которая определяет сопоставления отдельно. Я не уверен, есть ли хороший семантический способ установить отношения.

1

Что об использовании имущества И.Д. якоря? Если путь к изображению включен (т. Е. Символы не разрешены в идентификаторах), вы можете использовать запрос AJAX с идентификатором, чтобы получить фактический URL (или фактическое изображение).

Смежные вопросы