jquery에서 양식의 힌트를 표시하는 방법은 무엇입니까?

Question

내 양식에 힌트를 표시하고 싶습니다. 실제로는 dform 플러그인을 사용하고 있습니다. 그래서 검색하고 힌트 jquery를 표시하는 방법을 찾았습니다.이 도구에서 하나의 해결책을 찾았습니다. http://jsfiddle.net/xWCTf/19/ 입력을 클릭하면 힌트가 표시됩니다 필자는 동일한 개념을 내 피들에 적용했지만 위에 사용 된 것처럼 dform과 tooltip.js를 모두 사용했습니다. 그러나 툴팁이나 힌트는 피들에 나타나지 않습니다. 왜 표시되지 않는지 알려주십시오.

<script> 
    $(function() { 
    $(document).tooltip(); 
    }); 
</script> 

를 입력 유형에 제목을 추가 : 당신이 추가 한 JqueryUI을 확인

<input id="age" title="Your hint goes here."> 

여기 JqueryUI를 사용 http://jsfiddle.net/48v3u/1/

/* simple css-based tooltip */ 
.tooltip { 
    background-color:red; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 

    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
} 

$("#testSuiteConfigurationform :input").tooltip({ 

    // place tooltip on the right edge 
    position: "center right", 

    // a little tweaking of the position 
    offset: [-2, 10], 

    // use the built-in fadeIn/fadeOut effect 
    effect: "fade", 

    // custom opacity setting 
    opacity: 0.7 

}); 

Answer 1

당신이 이런 식으로 작업을 수행 할 수 있습니다 내 바이올린입니다 & Jquery 파일 참조입니다.