我在使用 jQuery colorbox 插件时遇到了尺寸问题。当我单击图像以在颜色框中显示它时,它会从要显示的图像中获取正确的尺寸,但无法添加其自身边框(弹出框的边框)的宽度和高度,每个边框均为 25 像素。内部宽度和高度是正确的,而外部宽度和高度最终少了 50px。这会导致图像根本不显示。只有边框可见,且位置不正确。
我已经搜索了几个小时试图找到有类似问题的人,并尝试了很多方法来解决它,但我仍然不知道为什么它一直这样做。
一些信息:
- 我正在使用 jQuery 1.4.2(这无法更改,我很确定它是兼容的)
-我当前的代码如下所示
$.colorbox({inline:true, href:'#inline_content'});
其中#inline_content是HTML图像标签的ID
- 文件按以下顺序加载:colorbox CSS - jQuery - colorbox JS
- Firebug 不显示任何 JavaScript 错误
编辑: 我发现其他人将 colorbox 的版本更改为最新版本。仅适用于 jQuery 1.4.3+ 这导致了奇怪的问题。
感谢您的帮助,如果浪费了您的时间,我们深表歉意。
最佳答案
没有人可以帮助您完成这样的描述。我为您创建测试 jsfiddle:
编辑此示例并按更新
,然后向我们展示问题演示的链接(还包括您的 CSS 样式)。
关于javascript - Colorbox 未将边框图像的宽度和高度添加到图像尺寸中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13248228/