2012-12-25 4 views
2

jQuery UI 툴팁 위젯을 사용해 보았습니다. 그러나 저에게 약간의 문제가 있습니다. 도구 설명이 열리면 열어 본 요소의 title 속성을 제거합니다. 어떻게 해결할 수 있을까요? 나는 이런 식으로 뭔가를 시도 :jQuery UI 툴팁 위젯 제거 title 속성

<div class="spbin" title="NAME"><div class="ptmd aud" title="LINK"></div></div> 

스크립트 :

$('[title]').tooltip({ 
open:function(){var te=$('.ui-tooltip-content').html(); 
$(this).attr('title',te);}}, 
{show:{effect:'slideDown',delay:250}}, 
{hide:{effect:'explode',delay:250}}, 
{track:true}); 

하지만하지 HALP은 내가 한 (

+0

왜이 작업을 수행 하시겠습니까? 툴팁이 표시되는 동안 브라우저가 제목을 표시하지 못하도록하기를 기대합니다. – Barmar

+0

이 속성은 다른 스크립트에 사용됩니다. 이 예제는 div & title 요소 하나에 대해서는 잘 작동하지만 그 이상의 경우에는 작동하지 않습니다. – Aleksov

+3

자신 만의 목적으로 제목 속성을 사용하지 않아야합니다. 정보를 대신'data-XXX' 속성에 넣으십시오. – Barmar

답변

1

나야 Barmar 조언대로 일을 더 이상의 값을 반환해야합니다.. 속성 제목. 다음 코드를 사용했습니다.

<div class="spbin" data-n="NAME"> 
    <div class="ptmd aud" data-l="LINK"></div> 
</div> 
    <div class="tlv"></div> 

스크립트 :

$('[title]').tooltip(
    {show:{effect:'slideDown',delay:250}}, 
    {hide:{effect:'explode',delay:250}}, 
{track:true}); 

$('.spbin').each(function(){ 
    $('.tlv',this).text(this.dataset.n); 
    $(this).attr('title',this.dataset.n); 
    $(this).hide(); 
    $(this).delay(du*2).fadeIn(du);}); 

Barmar!