jquery 코드가 IE에서는 작동하지만 Firefox에서는 작동하지 않습니다.

Question

jsp를 사용하여 jsp에서 팝업 도구 팁을 만듭니다. 각 행에는 다른 하이퍼 링크가있는 테이블이 있습니다. 사용자가 하이퍼 링크 위로 마우스를 가져 가면 도구 설명이 표시되고 사용자가 마우스를 가리키면 점차 사라지게됩니다.

IE에서 아래 코드를 사용하여이 작업을 수행 할 수 있었지만 FF로 동일한 페이지를 시도했을 때 다른 동작이 표시되었습니다. 실제로는 페이지의 다른 부분에있는 툴팁의 내용을 게시하는 것이며 도구 설명 상자 안에 게시하지 않아야합니다. 또한 페이지 위로 가져 가면 콘텐츠가 삭제되지 않습니다. 도와주세요.

<style>    
#tooltip{ 
    position:absolute; 
    border:1px solid #333; 
    background:#f7f5d1; 
    padding:2px 5px; 
    color:#333; 
    display:none; 
    width: auto; 
} 

/* */ 
</style>    
<script type="text/javascript" language="JavaScript">    
    this.tooltip = function(){ 
     /* CONFIG */   
     xOffset = 10; 
     yOffset = 50;  
     // these 2 variable determine popup's distance from the cursor 
     // you might want to adjust to get the right result  
     /* END CONFIG */ 

     $("a.tooltip").hover(function(e){ 
      this.t = this.title; 
      this.title = ""; 
      $(body).append("<p id='tooltip' class='tooltip'>"+ this.t +"</p>"); 
      $("#tooltip") 
       .css("top",(e.pageY - xOffset) + "px") 
       .css("left",(e.pageX + yOffset) + "px") 
       .fadeIn("slow");   
     }, function(){ 
      this.title = this.t;   
      $("#tooltip").remove(); 
     }); 

     $("a.tooltip").mousemove(function(e){ 
      $("#tooltip") 
       .css("top",(e.pageY - xOffset) + "px") 
       .css("left",(e.pageX + yOffset) + "px"); 
     });   
    }; 

    // starting the script on page load 
    $(document).ready(function(){ 
     tooltip(); 
    }); 
</script> 

는 JSP에 의해 생성 된 HTML 부분은 다음과 같습니다

<table width="100%" cellpadding="5px" cellspacing="5px" > 
    <tr valign="top" class="h1"> 
     <td>Version</td><td>Price</td><td>Published</td><td>Edition</td> 
    </tr> 
    <tr valign="top"> 
     <td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781857159042" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781857159042' src='/images/jackets/s/18/1857159047.jpg' /></td><td>ISBN: 9781857159042 <br>Version: Hardback <br>Price: &pound;10.99 <br>Publication Date:24 Sep 1992 <br>Publisher: Everyman Everyman's Library</td></tr></table> ">Hardback</a></td><td>&pound;10.99</td><td width=auto align=center>1992</td><td width=auto>New edition</td> 
    </tr> 
    <tr valign="top"> 
     <td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781840119688" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781840119688' src='/images/jackets/s/18/1840119683.jpg' /></td><td>ISBN: 9781840119688 <br>Version: Hardback <br>Price: &pound;16.99 <br>Publication Date:01 Sep 2009 <br>Publisher: Templar Publishing</td></tr></table> ">Hardback</a></td><td>&pound;16.99</td><td width=auto align=center>2009</td><td width=auto></td> 
    </tr> 
    <tr valign="top"> 
     <td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781841939735" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781841939735' src='/images/jackets/s/18/1841939730.jpg' /></td><td>ISBN: 9781841939735 <br>Version: Hardback <br>Price: &pound;14.99 <br>Publication Date:01 Sep 2011 <br>Publisher: Arcturus Publishing Ltd</td></tr></table> ">Hardback</a></td><td>&pound;14.99</td><td width=auto align=center>2011</td><td width=auto></td></tr><tr valign="top"><td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781853261183" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781853261183' src='/images/jackets/s/18/1853261181.jpg' /></td><td>ISBN: 9781853261183 <br>Version: Paperback <br>Price: &pound;1.99 <br>Publication Date:01 Sep 1993 <br>Publisher: Wordsworth Editions Ltd</td></tr></table> ">Paperback</a></td><td>&pound;1.99</td><td width=auto align=center>1993</td><td width=auto>New edition</td></tr><tr valign="top"><td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781840114881" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781840114881' src='/images/jackets/s/18/1840114886.jpg' /></td><td>ISBN: 9781840114881 <br>Version: Hardback <br>Price: &pound;14.99 <br>Publication Date:01 Oct 2008 <br>Publisher: Templar Publishing</td></tr></table> ">Hardback</a></td><td>&pound;14.99</td><td width=auto align=center>2008</td><td width=auto></td></tr><tr valign="top"><td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9780141023557" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9780141023557' src='/images/jackets/s/01/0141023554.jpg' /></td><td>ISBN: 9780141023557 <br>Version: Paperback <br>Price: &pound;4.99 <br>Publication Date:26 Jan 2006 <br>Publisher: Penguin Books Ltd Penguin Classics</td></tr></table> ">Paperback</a></td><td>&pound;4.99</td><td width=auto align=center>2006</td><td width=auto>New edition</td></tr><tr valign="top"><td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781848770010" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781848770010' src='/images/jackets/s/18/1848770014.jpg' /></td><td>ISBN: 9781848770010 <br>Version: Hardback <br>Price: &pound;14.99 <br>Publication Date:01 Sep 2010 <br>Publisher: Templar Publishing</td></tr></table> ">Hardback</a></td><td>&pound;14.99</td><td width=auto align=center>2010</td><td width=auto></td></tr><tr valign="top"><td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9780956266828" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9780956266828' src='/images/jackets/s/09/0956266827.jpg' /></td><td>ISBN: 9780956266828 <br>Version: Hardback <br>Price: &pound;6.99 <br>Publication Date:28 Oct 2010 <br>Publisher: White's Books Ltd</td></tr></table> ">Hardback</a></td><td>&pound;6.99</td><td width=auto align=center>2010</td><td width=auto></td></tr><tr valign="top"><td><a href="http://botswana.blackwell.co.uk:82/jsp/display_product_info.jsp?isbn=9781906814489" class="tooltip" title="<table><tr><td><img class='jacket' width='75' border='1' alt='ISBN:9781906814489' src='/images/jackets/s/19/1906814481.jpg' /></td><td>ISBN: 9781906814489 <br>Version: Paperback <br>Price: &pound;3.50 <br>Publication Date:02 Jul 2010 <br>Publisher: Classic Comic Store Ltd</td></tr></table> ">Paperback</a></td><td>&pound;3.50</td><td width=auto align=center>2010</td><td width=auto></td> 
    </tr> 
</table>  

Answer 1

당신은 여기에 몇 가지 따옴표를 누락 :

$('body').append("<p id='tooltip' class='tooltip'>"+ this.t +"</p>"); 

내가 body IE에서, 기본적으로 정의되어 있다고 가정하지만 Firefox에서. 괄호로 묶음으로써 (존재하지 않는) 변수를 감싸는 대신 요소를 검색하기 위해 실제로 jQuery의 선택기 엔진을 트리거합니다.

어떻게 든 작동 예제는 found here 일 수 있습니다. 그러나 코드는 "툴팁"을 제거하지 않는 것처럼 보입니다.