Jquery、Colorbox 问题、第二次单击时 Colorbox 内容打开两次
我在使用 jquery 和 colorbox lightbox (http://colorpowered.com/colorbox/) 插件时遇到问题。
如果您从同一链接多次打开颜色盒，则加载到颜色盒中的内容会重复。正在颜色框中创建两个 iframe。
我正在使用委托将 colorbox 函数绑定到锚链接 - 如果我以标准方式绑定 colorbox，则不会出现此问题 - 我希望以标准方式绑定，但这部分页面可以是由用户重新加载（jquery load），所以这是不可能的。
我在以下位置设置了一个实例： http://213.171.220.77/
您会注意到，第二次您单击“更多信息”链接，颜色框中会出现两个版本的 Iframe。
按 ESC 退出颜色框。
问候
S
I'm having a problem using jquery and the colorbox lightbox (http://colorpowered.com/colorbox/) plugin.
The content being loaded into the colorbox duplicates if you open it more than once from the same link. Two iframes are being created in the colorbox.
I'm using delegate to bind the colorbox function to the anchor link - I don't get this issue if I bind colorbox in the standard fashion - I'd like to be binding in the standard fashion but this part of my page can be reloaded by the user (jquery load) so this is not possible.
I've setup a live example at: http://213.171.220.77/
You'll notice that the second time you click on the 'MORE INFO' link two versions of the Iframe appear in the colorbox.
Press ESC to exit the colorbox.
Regards
S
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
解决方案很简单。
您需要调用颜色框，让我们说“直接”。
首先，删除“open: true”设置。
然后添加 href 设置“href: this.href”。
作为第三个，我建议“过渡：弹性”以避免点击后出现一些“闪烁”。
The solution is simple.
You need to call the colorbox, let's say 'directly'.
First of all, remove the 'open: true' setting.
Then add instead the href setting 'href: this.href'.
As a third I suggest 'transition: elastic' to avoid some 'flickering' after click.