jQuery的：（新手）试图获得一个提示

Question

我使用的示例代码从这里的工作：

http://jsfiddle.net/tj_vantoll/kyBwU/

但因为我不希望用户来决定，其中箭头来自 - 我正在将箭头置于某个位置。 因为我没有使用一个文本框，我想要的工具提示中显示，因为它鼠标放在与类名“隐藏选项”

我修改后的代码的图像：

<script> 
    $(function() { 

     var position = { my: 'left center', at: 'right+10 center' }; 


     position.collision = 'none'; 

     $('.hide-option').tooltip('option', 'position', position); 
     $('.hide-option').tooltip('option', 'tooltipClass', className); 
     $('.hide-option').tooltip(); 
    }); 




    </script> 

我的html：

<img src="siteImgs/comments_icon.png" class="hide-option" title="Total comments: 80" > 

但它不工作，它只是给我的控制台错误： “未捕获的错误：不能调用在初始化之前提示的方法，试图调用方法‘选项’”

因为我是一个新手，我不知道我究竟在哪里出了问题......你能帮我把这个工作和告诉我哪里出错了吗？

CSS与JSFiddle上的CSS相同。

Answer 1

那么在示例$('input[type="text"]').tooltip();之前调用设置选项。

你应该做this：

$('.hide-option').tooltip(); 
    $('.hide-option').tooltip('option', 'position', position); 
    $('.hide-option').tooltip('option', 'tooltipClass', className);