在锚标签上div右边的Jquery工具提示

时间:2014-11-05 11:38:05

标签: jquery html css jquery-ui

无法获得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

显示链接上方的箭头。

2 个答案:

答案 0 :(得分:1)

替代解决方案: 您可以使用适用于您的jBox jQuery ToolTip。 这是Link

答案 1 :(得分:0)

试试这个:

$(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