Як захаваць значэнне атрыбуту назвы бачнага пасля націску?

Разгледзім наступны HTML-код:


У выходных дадзеных, калі карыстальнікі навядзенні на малюнак, значэнне атрыбуту загалоўка адлюстроўваецца ў ўсплываючым акне. Гэта добрая ідэя для адлюстравання інфармацыі для карыстальнікаў.

Але гэтая інфармацыя знікла, калі карыстальнікі націскаюць на малюнак (звярніце ўвагу, карыстальнікі могуць, як правіла, пстрыкнуць, а не парыць)

Што я магу зрабіць (з дапамогай JQuery, напрыклад), каб захаваць інфармацыю бачную (нават калі карыстальнік пстрыкае) наколькі паказальнік мышы на малюнак?

Я паспрабаваў наступныя, але гэта не вырашае гэтую праблему:

jQuery('img[src="info.png"]').click(function(event){
    event.preventDefault();
        });

EDIT : Are there any way to do "clicking is equal to hovering" in jQuery?

2

2 адказы

Вы павінны стварыць сваю ўласную падказку.


Password should contain 6-10 characters

Вам не трэба JavaScript, чысты CSS дастаткова:

img[src=info.png] + span {
    display: none;
}
img[src=info.png]:hover + span {
    display: inline;
}

Edit: If you don't want to touch your HTML, you can create the tooltips with script. Here's a jQuery example:

var img = $("img[src=info.png]");
$("").text(img.attr("title")).insertAfter(img);
img.attr("title", "");
2
дададзена
Гучыць добра, але ці можна змяніць гэтую ідэю, не змяняючы HTML-разметку?
дададзена аўтар siva636, крыніца
Праблема тут заключаецца ў пазіцыянаванні і стыль змесціва .
дададзена аўтар siva636, крыніца
Вы можаце зрабіць гэта з дапамогай сцэнарыя. Я буду абнаўляць свой адказ на прыкладзе.
дададзена аўтар gilly3, крыніца
Не разумею. Вы пытаецеся, як стыль у тэрмін? Выкарыстоўвайце CSS я падаў вышэй, і дадаць атрыбуты стылю, як гэта неабходна. Ці можаце вы быць больш канкрэтным?
дададзена аўтар gilly3, крыніца

Адлюстраванне IMG 's назву s або а ' s спасылка s залежыць ад браўзэра і ў вас ёсць няма кантролю над ім. Калі вы хочаце мець свае паводзіны і пераканацца, што гэтыя паводзіны з'яўляецца крос-браўзэр, вам трэба будзе:

  1. пазбавіцца ад паводзінаў браўзэра па змаўчанні, выдаліўшы ўсе назву і <Код> Alt атрыбуты
  2. переописать ўласныя усплывальныя падказкі, выкарыстоўваючы адзін з многіх даступныя бібліятэкі

Поспехаў

1
дададзена