从工具提示链接调用的Jquery模式窗口不起作用

Question

我有一个javascript工具提示，当从工具提示中单击链接时，我想调用一个jquery模式窗口(通过colorbox)。每条链路都分配了class="modalPageWide"。modalPageWide类调用jquery模式窗口。

问题是，当示例1中的任何链接被分配给modalPageWide并被单击时，它不会调用jquery模式窗口。有没有人能帮我解决我的最后一件事？

这是一个演示和我的代码：http://jsbin.com/ijeku4/4/

Jquery代码：

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

工具提示代码：

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.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'
    }
}

Answer 1

问题可能是您的初始化代码不能影响工具提示内容，因为初始化发生时它们不在DOM中。只有在显示工具提示时才会添加它们。我不知道那是什么工具提示插件，但如果有一种方法可以添加一个回调，当工具提示显示时调用它，那么你可以把你的初始化代码放在里面。

编辑- OK现在我可以看到工具提示插件了，看起来你可以在选项中给它一个"on_show“功能了：

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
   })
};

这可能需要进行调整，这取决于工具提示的工作方式。(我把它看了一遍，但我并没有彻底地把它全部看完。)如果工具提示内容在每次激活时都被重新添加到DOM中，那么这可能是可以的；但是，如果工具提示仍然存在，并且根据"colorbox“的作用，可能有必要跟踪工具提示DOM片段是否已经”colorbox“。