qtip dosyasını başlatıp hemen fare konumunda göster

Question

click olayındaki qTip'i başlatmaya çalışıyorum ve aynı anda fare konumunda (aynı tıklama ile) görüntülemeye çalışıyorum. Görüntülemek için 2 tıklamaya ihtiyaç duyduğum kadar uzağım var, ancak bunu yalnızca 1: http://jsfiddle.net/vpysbc5y/4/

Parlak bir fikirle mümkün kılmak istiyorum. Teşekkürler.

<div id="block" style="height: 200px; width: 200px; background: black;"></div> 

<script> 
    $(document).ready(function() { 
     $('#block').on('click', function() { 
      $(this).qtip({ 
       content: { 
        text: 'Hello, world!' 
       }, 
       show: { 
        event: 'click', 
       }, 
       hide: { 
        event: 'unfocus', 
        fixed: true 
       }, 
       position: { 
        at: 'top center', 
        my: 'bottom center', 
        target: 'mouse', 
        adjust: { 
         mouse: false 
        } 
       }, 
      }); 
     }); 
    }); 
</script> 

Answer 1

sorun target: 'mouse' (muhtemelen) geçerli fare konumunu anlaması çalışır olmasıdır. Bununla birlikte, bir tıklama etkinliğinin dışında, bu mümkün değildir. Qtip'iniz tıklama yerine hazırda gösterileceğinden, fare konumunu kendi başına çıkaramaz, böylece iletmeniz gerekecek.

Kodunuz okumalısınız:

$(document).ready(function() { 
    $('#block').on('click', function(e) { 
     $(this).qtip({ 
       content: { 
        text: 'Hello, world!' 
       }, 
       show: {      
        ready : true 
       }, 
       hide: { 
        event: 'unfocus', 
        fixed: true 
       }, 
       position: { 
        at: 'top center', 
        my: 'bottom center', 
        target: [ e.clientX, e.clientY ], 
        adjust: { 
         mouse: false 
        } 
       }, 
     }); 
    }); 
}); 

Örnek fiddle