使用onclick激活工具提示jQuery

我正在測試一個工具提示插件，它將顯示鼠標懸停的工具提示。我試圖讓工具提示出現onclick，我正在努力，需要你的幫助。使用onclick激活工具提示jQuery

我目前使用的是jquery，因此當點擊工具提示中的鏈接時，它會激活一個模式窗口，這要感謝@pointy。像這樣的東西可以包含在jQuery中嗎？

這裏是頁代碼調用的功能和工具提示內容

<script> 
dw_Tooltip.defaultProps = { 
    sticky: true, 
    klass: 'tooltip', 
    showCloseBox: true, 
    klass: 'tooltip2', // class to be used for tooltips 
    closeBoxImage: 'http://www.google.com/apps/images/x.png', 
    wrapFn: dw_Tooltip.wrapSticky 

}; 

dw_Tooltip.on_show = function() { 
    $(".modalPageWide").colorbox({ 
     width:"800px",height:"610px",opacity:0.6,iframe:true 
    }) 
}; 


dw_Tooltip.content_vars = { 

tooltip_popup: { 
     content: 'Click a link to continue' + 
'<ul><li><a href="http://www.amazon.com" class="modalPageWide">Link 1</a></li>' + 
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 2</a></li>' + 
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 3</a></li>' + 
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 4</a></li></ul>', 
     klass: 'tip' 
    } 
} 
</script>

如下所示，當鏈路包括一個保留類「showTip」時，它會激活的工具提示在鼠標懸停。還包括（我的選擇）的化合物類，將調用提示內容

<a href="#" class="showTip tooltip_popup">Example</a>

這裏的，使提示工作的邏輯：Tooltip logic

來源

2011-02-15 Evan

基本上所有你需要做的像

東西

$('a.tooltip_popup').click(function(e){ 
    e.preventDefault();//so link doesn't take you to where ever it's supposed to 
    //code that brings the tooltip up 
});

來源

2011-02-15 19:14:04 heymrcarter

我剛剛嘗試過，現在當我懸停或點擊時，例如，工具提示沒有出現。 http://jsbin.com/eliwa3/2/ – Evan 2011-02-15 20:14:35

使用onclick激活工具提示jQuery

回答

相關問題