div或锚标记右侧的jquery工具提示答案

【问题标题】：Jquery tool tip on right of div or anchor tagdiv或锚标记右侧的jquery工具提示
【发布时间】：2014-11-06 19:52:15
【问题描述】：

无法为 jquery 工具提示获得所需的结果。我希望它显示在我的锚标签的右侧，但它没有发生。通过这个Jquery UI tool tip

但仍然没有完成任何事情。

$(function() {
$( document ).tooltip({

position: {
     my: "center bottom-20",
    at: "center top",
    using: function( position, feedback ) {
      $( this ).css( position );
      $( "<div>" )
        .addClass( "arrow" )
        .addClass( feedback.vertical )
        .addClass( feedback.horizontal )
        .appendTo( this );
    }
  }

});
});

这是我的小提琴Jquery UI tooltip

其中显示了链接上方的箭头。

【问题讨论】：

将这一行 my: "center bottom-20" 改为 my: "right-30"，让我知道这是否是您需要的东西！！
@SUDHIR 不，它将工具提示移动到锚标记的左侧，箭头仍然指向底部。

标签： jquery html css jquery-ui

【解决方案1】：

替代解决方案： 您可以使用对您有用的 jBox jQuery ToolTip。这是Link

【讨论】：

【解决方案2】：

试试这个：

$(function() {
    $( document ).tooltip({

    position: {
         my: "left+40",
        at: "center right",
        using: function( position, feedback ) {
          $( this ).css( position );
          $( "<div>" )
            .addClass( "arrow" )
            .addClass( feedback.vertical )
            .addClass( feedback.horizontal )
            .appendTo( this );
        }
      }

    });

你必须调整箭头 JSFiddle

【讨论】：

向右移动很好，但箭头仍然指向下方，如何相应地调整该指向箭头，即在工具提示的左侧。