2014-11-05 2 views
0

Невозможно получить желаемые результаты для всплывающей подсказки jquery. я хочу, чтобы он показывался на правой стороне моего тега привязки, но его не произошло. Пройдите через это Jquery UI tool tipКончик инструмента JQuery справа от метки div или анкера

но все еще не получится.

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

который показывает стрелка выше ссылке.

+0

изменить эту строку my: "center bottom-20", to my: "right-30", и просто дайте мне знать, нужна ли это то, что вам нужно !! –

+0

@SUDHIR nope переместил всплывающую подсказку слева от метки привязки и стрелка все еще указывает на дно. – Rockstar

ответ

1

Альтернативное решение: Вы можете использовать jBox JQuery ToolTip, который работает хорошо для вас. Link

+0

Отличная идея, тоже хорошо работает. ;) – Rockstar

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

+0

перемещен вправо, это хорошо, но стрелка все еще направлена ​​вниз, как отрегулировать эту стрелку стрелки, соответственно, слева от наконечника инструмента. – Rockstar

Смежные вопросы