2013-07-04 1 views
0

jQuery plugin qtip2, jQuery 1.7.2 - Планирование реализации qtip2 в моем проекте, и я хотел бы закрыть подсказку инструмента, когда я навешиваю кнопку закрытия на вверху справа, вместо нажатия кнопки, чтобы закрыть наконечник инструмента. Пожалуйста, смотрите мой код,jQuery plugin qtip2 - закрыть подсказку на кнопке мыши над кнопкой закрытия

HTML

<a href="/wiki/Quantum_mechanics" title="Wikipedia: Quantum mechanics">quantum mechanics</a> 

Javascript

 $(document).ready(function() 
    { 
     $('a[title]').qtip({ 
      content: { 
       title: { 
        text: 'About me',button: 'Close' 
       } 
      }, 
      show: { 
       solo: true 
      }, 
      hide: 'unfocus' 
     }); 
    }); 

Пожалуйста, смотрите код в jsbin

Update

На основании ответа Густаво Саймона, код, чтобы закрыть подсказку при наведении мыши,

 $("body").on("mouseenter", "a.qtip-close", function(){ 
     $(this).closest("div.qtip").hide('slow'); 
    }); 

ответ

1

, вероятно, не самое элегантное решение, но работает:

$("body").on("mouseenter", "a.qtip-close", function(){ 
      $('a[title]').qtip('api').hide(); 
}); 

Я надеюсь, что это помогает