Программно показать всплывающую подсказку после вызова ajax

Question

Мне интересно, знает ли кто-нибудь о плагине или учебнике о том, как запускать всплывающую подсказку после вызова ajax. На данный момент я использую jQuery Tools для создания всплывающих подсказок. Но я не хочу, чтобы всплывающие подсказки запускались на событии mouseOver; скорее, я хочу, чтобы они показывали после вызова ajax. Я не могу найти какую-либо документацию или примеры того, как это сделать. Например:

<a class="vote">Vote</a> 

<div id="tooltip"> 
Some tooltip with a message. 
</div> 

$.ajax({ 
    context: this, 
    dataType: 'json', 
    success: function(response) { 
     if (response.result == "success") { 
// SHOW TOOL TIP HERE 
     } 
     else { 
// SHOW ANOTHER TOOL TIP HERE 
      } 
     }); 

Путь Jquery Tools работает, просто обязательный элемент для наконечника инструмента как таковые: (но это вызывает всплывающую подсказку, чтобы открыть на MouseOver)

$("#myElement").tooltip(); 

Существует АНИ с событиями, включенными в инструменты jQuery, но я не знаю, как показывать всплывающую подсказку только после Ajax! Другим осложняющим фактором является наличие одной и той же подсказки (или нескольких подсказок) на нескольких элементах.

Answer 1

Вот пример того, как отобразить «подсказку» или всплывающее диалоговое окно после некоторого события. Здесь нет ajax, но просто используйте действие щелчка ссылки.

$(document).ready(function() { 

    $("#vote").click(function(evt) { 
     evt.preventDefault(); 

     // Do your ajax 
     // Show the popup 
     $("#tooltip").show(); 
    }); 

    $("#tooltip").click(function() { 
     $(this).hide(); 
    }); 

}); 

http://jsfiddle.net/Tm8Lr/1/

Надеется, что это поможет вам начать работу.

Bob

Answer 2

Не удалось ли просто вызвать событие mouseover после привязки всплывающей подсказки?

$('#myElement').tooltip().mouseover(); 

Answer 3

Посмотрите на tooltip documentation (особенно scripting API) и how their API works.

Так он должен работать с:

if (response.result == "success") { 
    $('#myElement').data('tooltip').show(); 
} 
else { 
    // don't know which other tooltip you want to show here 
} 

You can also specify at which events the tooltip should be shown (так что вы, вероятно, можно исключить mouseover или изменить его на то, что вы знаете, никогда не срабатывает на этом элементе (например, change)).

Answer 4

Мел,

Вы можете написать свою собственную всплывающую подсказку, всплывающие подсказки ничего, кроме Div коробки с пользовательским выглядеть и чувствовать себя, а затем абсолютно позиционированы.

После того, как ваш Аякс завершает показать подсказку по jquerys показать

$('#tooltipid').show(); 

, если вы хотите, чтобы скрыть через несколько секунд вы можете сделать это также с помощью JQuery или JavaScripts SetTimeout();

Я думаю, что все вы хотите, когда Ajax завершает у вас есть какой-то новый HTML в DOM, и вы хотите, чтобы показать некоторое всплывающее окно выше этого код справа,

Надеется, что это помогает

Answer 5

Вы можете использовать функцию триггера для запуска другой функции, привязанной к mouseOver.

$('#ElemWithTootip').trigger('mouseOver');