Question

我正在使用此处的示例代码：

但由于我不希望用户决定箭头的来源 - 我自己将箭头设置到某个位置。由于我没有使用文本框，我希望工具提示显示为鼠标悬停在类名为“hide-option”的图像上

我修改过的代码：

   <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);

jquery :(新手）试图让工具提示工作

1 个答案: