加載qtip

Question

香港專業教育學院發現了一個腳本，希望修改 希望使先點擊和點擊SECOND出現在頁面加載 但仍隱藏在點擊該組中的其他元素， 需要幫助

$(document).ready(function() { 
$('.set').each(function() { 
     $('a[title]', this).qtip({ 
      position: { 
       at: 'bottom center', 
       my: 'top center' 
      }, 
      show: 'click', 
      hide: { 
       event: 'click', 
       target: $('a[title]', this) 
      } 
     }); 
    }); 
}); 

http://jsfiddle.net/ADER8/132/

謝謝！

Answer 1

你可以簡化你的配置，你不需要使用.each來設置qtip，它會使用上下文錨的標題。此外，在你擺弄你鏈接到每晚構建的qtip，這似乎很不穩定，api shortcuts methods似乎並沒有工作。鏈接到stable release後，它正在與下面的代碼：

// Create the tooltips only when document ready 
$(document).ready(function() { 

    // First tooltip config 
    $('.set a[title]').qtip({ 
     position: { 
      at: 'bottom center', 
      my: 'top center' 
     }, 
     show: 'click', 
     hide: 'click' 
    }) 
    .click(function() { 
     // Hide all tooltips in set except the one that was just clicked 
     $(this).closest('.set').find('a[title]').not(this).qtip('hide'); 
    }); 

    // Show the first tooltip of each set 
    $('.set').find('a[title]:first').qtip('show'); 

}); 

jsFiddle Demo