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

我有一个javascript工具提示，当从工具提示中单击链接时，我想调用jquery模式窗口（通过colorbox）。每个链接都分配了

class=“modalPageWide”

。modalPageWide类调用jquery模式窗口

问题是，当示例1中的任何链接被指定为modalPageWide并单击时，它不会调用jquery模式窗口。有人能解决我最后一篇文章需要做什么吗

这是一个演示和我的代码：

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

dw\u Tooltip.defaultProps={
斯蒂奇：是的，
克拉斯：“工具提示”，
展示柜：对，
klass:'tooltip2'，//用于工具提示的类
closeBoxImage:'http://www.google.com/apps/images/x.png',
wrapFn:dw_Tooltip.wrapSticky
}
dw_Tooltip.content_vars={
工具提示\u弹出窗口：{
内容：“单击链接继续”+
“
”+
“
”+
“
”+
“
”，
克拉斯：“小费”
}
}

问题可能是初始化代码无法影响工具提示内容，因为在初始化发生时它们不在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片段是否已经“colorbox”过。问题可能是初始化代码无法影响工具提示内容，因为在初始化时它们不在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片段是否已经“colorbox”。

在示例页面上，应该打开模式窗口的链接只会将我发送到Amazon。Chrome报告了错误；看起来您的脚本的“https”链接可能会导致问题。@Pointy-当我单击示例2时，它应该会在模式窗口中打开。示例1是我希望在单击工具提示中的链接时在模式窗口中打开的示例。当我点击Yes（是）时会发生什么的视频示例，我知道@Evan，但整个事情都不起作用，因为“dl_web”站点返回403个错误，并且不会移交JavaScript或CSS。@Pointy-darn。一定是因为我已经登录了。我会解决的。我认为可以通过设置“on_show”功能使其正常工作-请参阅我编辑的答案。在您的示例页面上，应该打开模式窗口的链接只会将我发送到Amazon。Chrome报告了错误；看起来您的脚本的“https”链接可能会导致问题。@Pointy-当我单击示例2时，它应该会在模式窗口中打开。示例1是我希望在单击工具提示中的链接时在模式窗口中打开的示例。当我点击Yes（是）时会发生什么的视频示例，我知道@Evan，但整个事情都不起作用，因为“dl_web”站点返回403个错误，并且不会移交JavaScript或CSS。@Pointy-darn。一定是因为我已经登录了。我会解决的。我想可以通过设置“on_show”功能使其正常工作-请参阅我编辑的答案。非常感谢。你解决了。这是演示，我有一个后续问题。您知道单击是否可以激活工具提示，而不是激活工具提示的“悬停”方式吗？我不太熟悉这个插件是如何工作的——不过，这确实是一个很好的问题，可以单独问一个问题。别人可能知道！好建议。我就是这么做的。多谢各位。你解决了。这是演示，我有一个后续问题。您知道单击是否可以激活工具提示，而不是激活工具提示的“悬停”方式吗？我不太熟悉这个插件是如何工作的——不过，这确实是一个很好的问题，可以单独问一个问题。别人可能知道！好建议。我就是这么做的。