jquery를 사용하여 선택 윤곽에 툴팁을 표시 할 수 없습니다.

Question

코딩했는데 선택 윤곽 텍스트로 이동할 때 툴팁을로드하지 않습니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://www.webringideas.com/wp-content/uploads/demo/tooltip/js/ntip.js"></script> 

<div id="fixedfooter"> 
    <marquee class="smooth_m" behavior="scroll" direction="left" onMouseOut="this.start()" onMouseOver="this.stop()" scrollamount="3"> 
     <div id="demo"> 

    <span style="color: #ff0000;" class="formInfo"> 
    <a href="#"> 
    <span style="color: #000000;display: none;" class="mycontent">test Successful for HTML Tooltip on marquee</span></a>Testing HTML Tooltip on marquee using jQuery and css 
    </span> 

    </div> 
    </marquee> 
</div> 

     <script type="text/javascript"> 
      $(document).ready(function(){ 
     $(".formInfo").tooltip({tooltipcontentclass:"mycontent"}) 
});; 
     </script> 

그러나, 나는 윤곽을 사용하고 있지 않다 때 같은 일이 잘 작동, 및 텍스트는 정적이다.

이이와 잘 작동

<span class="formInfo">Tooltip<span style="display: none;" class="mycontent">Testing <font color="red">HTML</font> content</span></span> 

당신이 내 천막에서 사용할 수있는 추천 할 수있는 툴팁이 있습니까? 감사합니다.

Answer 1

코드를 약간 수정했으며 작업 결과는 jsFiddle입니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://www.webringideas.com/wp-content/uploads/demo/tooltip/js/ntip.js"></script> 
<div id="fixedfooter"> 
<marquee class="smooth_m" behavior="scroll" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3"> 
<div id="demo"> 
    <span style="color: #ff0000;" class="formInfo"> 
    <div class="mycontent" style="color: #000000;display:none;"> 
     test Successful for HTML Tooltip on marquee 
    </div> 
    <a href="#"></a>Testing HTML Tooltip on marquee using jQuery and css</span> 
</div> 
</marquee> 
</div> 

자바 스크립트 부분 :

$(document).ready(function() { 
    $(".formInfo").tooltip({ 
     tooltipcontentclass: "mycontent" 
    }) 
});;