javascript - 画像にマウスを合わせると、画像のタイトルが削除されます

Question

画像ギャラリーにlyteboxを使用しています。htmlユーザーが画像にカーソルを合わせると、ブラウザにタグ付きのテキストが表示される場合を除いて、これはうまく機能します。

元：

<h1>This is the first image </h1>
<p>The image desc<p>

画像ギャラリーの属性が必要ですtitleが、ユーザーが画像をホブリングしたときに属性を表示したくありません。それは可能ですか？助けてくれてありがとう。

Answer 1

var imgTitle;

$("img").hover(function(){
    imgTitle = $(this).attr("title");
    $(this).removeAttr("title");
}, function(){
   $(this).attr("title", imgTitle);
});

Answer 2

私はあなたが次のようなことをしなければならないと思います：

$('#slideshow img').hover(function() {
    $(this).data('title', $(this).attr('title'));
    $(this).attr('title', '');
}, function() {
    $(this).attr('title', $(this).data('title'));
});​

デモ： http： //jsfiddle.net/lucuma/cX5MD/

imgにはタイトルは表示されませんが、それらを調べると、まだそこにあることがわかります。

空の文字列に設定する代わりに、jQueryremoveAttrを使用することもできます。attr