2012-07-09 5 views
1

jQuery Tools의 툴팁 기능을 사용하여 툴팁을 표시하려고합니다.jQuery 도구 : 툴팁으로 제목이 사라지나요?

<input type="submit" title="Submit your foo" value="foo"></input> 

그러나 입력이 비활성화 된 경우, 제목은 신비 DOM에서 사라 : 마크 업이 보이는 경우, 괜찮아 내가 jQuery를 도구를 사용하려고하면이 만 발생

<input type="submit" disabled="disabled" title="Sorry, you cannot submit your foo" value="foo"></input> 

. jQuery 도구를 사용하지 않으면 제목이 잘 보입니다 (기본 브라우저 효과). 어떤 아이디어가 잘못된거야?

업데이트 :

http://jsfiddle.net/7jCXz/ -이 예는 두 입력 태그의 title 속성뿐만 아니라 장애인을 제거하는 것 같다. wrap

+0

: 툴팁이 초기화 된 후/수 title 속성을 설정하려는 경우, jQuery를 툴팁을 사용

, 당신은

$(foo).tooltip("option","content") 

또는

$(foo).tooltip("option","content","some new content") 

참조를 사용할 필요가 당신이하고있는 것을보기 위해 [JS Fiddle] (http://jsfiddle.net/), [JS Bin] (http://jsbin.com) 또는 이와 유사한 데모를 보여줄 수 있습니까? –

+1

확인. 데모를 조립하려고합니다. – StackOverflowNewbie

답변

1

시도는 그 후, div에 버튼을 제출하여 div에 툴팁을 사용

$(document).ready(function(){ 
    $('input[disabled="disabled"]').each(function(){ 
     var $tit = $(this).attr('title'); 
     $(this).wrap('<div class="submitWrapper" title="' + $tit + '"></div>'); 
    }); 
    //$('.submitWrapper').tooltip(); // or something like this 
    $('.submitWrapper').on('mouseover', function(){ 
     alert('submitWrapper clicked!'); 
    }); 
}); 

Demo

+1

왜? 나는 많은 링크, 제출물 등에서 제목 속성을 가지고 있습니다 - 그들이 (의미 론적으로 말하면) 가야한다고 생각하는 곳. 나는 divs, spans 등을 추가함으로써 bloating mark를 피하려고 노력한다. 내 문제의 원인은 무엇입니까? – StackOverflowNewbie

+0

아마도 도구 설명이 비활성화 된 요소에서 작동하지 않습니다. 그래서 나는 당신이 그들을'div's (무력화 된 요소들)로 감싸 주어야한다고 생각합니다. BTW, 어떤 툴팁을 사용하고 있는지 말해 줄 수 있습니까? – Farahmand

+0

jQuery Tools를 사용하고 있습니다. – StackOverflowNewbie

관련 문제