호버에서 제목 속성 툴팁 숨기기

Question

제목 속성이 <a></a>입니다. 링크를 가리키면 기본 툴팁이 표시됩니다. 앵커 태그를 가리킬 때 툴팁을 숨기려고합니다. on mouseout title 속성을 다시 추가해야합니다. 지금 onhover title 속성을 제거하고이, 당신이이 title을 "제거"및 저장됩니다

을 찾고 될 일을

jQuery(function() { 
 
    jQuery(document).ready(function() { 
 
    $('a').hover(
 
     function() { 
 
     $(this).removeAttr("title"); 
 
     }, 
 
     function() { 
 
     $(this).attr("title"); 
 
     } 
 
    ); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href=# title="sample">Hover Here</a>

Answer 1

mouseOut 이벤트에 제목을 추가하지 않습니다 값을 save_title이라는 특성으로 변환합니다. 당신은`$ (이) .attr ("제목")`로 발생이 기대된다 무엇

jQuery(document).ready(function() { 
 
    $("a").mouseenter(function() { 
 
     var title = $(this).attr("title"); 
 
     $(this).attr("save_title", title); 
 
     $(this).attr("title", ""); 
 
    }) 
 
    .mouseleave(function() { 
 
     var title = $(this).attr("save_title"); 
 
     $(this).attr("title", title); 
 
    }) 
 
    .click(function() { 
 
     var title = $(this).attr("save_title"); 
 
     $(this).attr("title", title); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href=# title="sample">Hover Here</a>