使用onclick jQuery激活工具提示

我正在测试工具提示插件，它会在鼠标hover时显示工具提示。 我正试图让工具提示出现onclick，我正在努力并需要你的帮助。

我正在使用一个jquery片段，所以当点击工具提示中的链接时，感谢@​​pointy，它将激活一个模态窗口。 这样的东西可以包含在jQuery中吗？

演示： http ： //jsbin.com/eliwa3

以下是调用function和工具提示内容的页面代码

 dw_Tooltip.defaultProps = { sticky: true, klass: 'tooltip', showCloseBox: true, klass: 'tooltip2', // class to be used for tooltips closeBoxImage: 'http://sofzh.miximages.com/javascript/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' + '
Link 1
' + '
Link 2
' + '
Link 3
' + '
Link 4
', klass: 'tip' } }  

如下所示，当链接包含保留类“showTip”时，它将在鼠标hover时激活工具提示。 还包括一个复合类（我选择的），它将调用工具提示内容

 Example 

这是使工具提示工作的逻辑 ： 工具提示逻辑

Answer 1

基本上所有你需要做的事情就像

 $('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 });