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中。它们仅在显示工具提示时添加。我不知道是什么工具提示插件，但是如果有一种方法可以在显示工具提示时调用它来调用它，那么你可以将初始化代码放在那里。

编辑 - 现在好了，我可以看到工具提示插件，看起来你可以在选项中给它一个“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片段是否已经“彩盒化”。

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

1 个答案: