2014-02-27 4 views
0

누군가 제발 나를 도울 수 있습니까?jquery 도구 팁이 내 웹 사이트에서 응답하지 않지만 jsfiddle에서 잘 작동합니다.

여기 내 피들 .. 잘 작동합니다. 난 ... 그래서 같은 내 웹 사이트에 내 코드를 게시 할 때

http://jsfiddle.net/supplement/j77eB/

지금

<head> 

    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/jquery-ui.js"></script> 
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/themes/black-tie/jquery-ui.css" rel="stylesheet" type="text/css"> 

    <style type="text/css"> 
     label { 
      display: inline-block; 
      width: 5em; 
     } 
     .red { 
      color: red; 
     } 
    } 
    </style></head> 

<script>$(function() { 
    $(document).tooltip({ 
     content: function() { 
      return $(this).prop('title'); 
     }, 
     show: null, 
     close: function (event, ui) { 
      ui.tooltip.hover(

      function() { 
       $(this).stop(true).fadeTo(400, 1); 
      }, 

      function() { 
       $(this).fadeOut("400", function() { 
        $(this).remove(); 
       }) 
      }); 
     } 
    }); 
});</script> 

<p><a href="#" title="<span class='red'>This is a <a href='#'>link</a></span>">Tooltips</a> can be attached to any element. 
    When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, 
    just like a native.</p> 

그것은 작동하지 않습니다 ...

는 내 링크가 뭔가?

+0

콘솔 로그는 무엇을 말하는가? – Rhys

+0

잡히지 않은 SyntaxError : 예기치 않은 토큰입니다. jquery-ui.css : 8 잡히지 않은 TypeError : Object [object Object]에 'tooltip'메서드가 없습니다. tooltip.php : 19 –

+0

내 콘솔 로그에는이 두 가지 오류가 있습니다. –

답변

0
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/themes/black-tie/jquery-ui.css"></script> 

JS로 CSS 파일을 참조하고 있습니다.

상정는, 당신은 의미 :

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/jquery-ui.js"></script> 
+0

젠장 .. 나는 어리석은 실수라고 생각했다. –

관련 문제