首次打开时,Colorbox无法以适当的高度打开
首次打开时，Colorbox无法以适当的高度打开，这可能是由于一些常见的原因导致的。以下是一些建议和解决方案：
- 确保您已经正确地包含了Colorbox的CSS和JavaScript文件。您可以在HTML文件的
<head>部分添加以下代码：
<link rel="stylesheet" href="colorbox.css" /><script src="jquery.colorbox.js"></script>- 确保您已经正确地初始化了Colorbox。在JavaScript文件中，添加以下代码：
$(document).ready(function(){
$(".your-selector").colorbox({
// 您的选项
});
});- 确保您的HTML元素具有正确的类名或选择器。例如，如果您的选择器是
.your-selector，则需要在HTML元素上添加class="your-selector"。 - 确保您的Colorbox内容具有适当的宽度和高度。您可以在CSS文件中设置这些值，例如：
.colorbox .content {
width: 80%;
height: 80%;
}- 如果您的内容是动态加载的，请确保在内容加载完成后重新调整Colorbox的大小。您可以使用以下代码：
$.colorbox.resize();如果您尝试了以上建议但仍然无法解决问题，请提供更多详细信息，以便我们能够更好地帮助您。
相关·内容
3回答
我正在使用colorbox和ajax来拉入html文件。当我第一次点击链接加载colorbox时，弹出窗口的宽度和高度都太小了，并且不会显示其中的图像和div。当我单击同一链接时，第二次打开colorbox时，会显示所需的宽度和高度参数。(有问题的网
浏览 1提问于2011-06-17得票数 3
根据这个，我的问题发生在图像在ColorBox测量盒子大小之前没有完成加载的情况下。第二次它将从缓存加载，因此ColorBox将知道图像大小。提前谢谢。
浏览 1提问于2012-12-03得票数 0
我正在尝试动态地(使用ajax)获取一些内容，并使用它创建一个模式(使用colorbox插件)。问题是内容中有一些图片。我认为模式没有在高度或宽度的计算中计算它们。因此，如果您关闭模式，然后打开它，它看起来很好。(第一次打开它时，它会有滚动条来访问模式的其余部分)。
想法？
浏览 0提问于2010-07-20得票数 0
回答已采纳
我正在使用Jquery Colorbox在colorbox弹出窗口中显示信息。我打开了iframe，所以当新的colorbox打开时，如果内容超过colorbox的高度，则colorbox中的窗口会弹出滚动。问题是，如果我继续使用鼠标上的滚动按钮滚动到颜色框中的窗口末尾，并继续滚动整个窗口，而不仅仅是弹出窗口中的窗口，则会向下滚
浏览 0提问于2011-03-17得票数 2
我只是默认的colorbox属性，所以它应该自动调整到它包含的div (对吗？)。尝试#1 $(this).colorbox();});$("a.modalAutosize").each
浏览 0提问于2010-07-12得票数 12
回答已采纳
2回答
当我尝试加载它运行时时，我总是得到错误：<script> $("a[rel='example11111']").
浏览 4提问于2011-09-29得票数 0
如何打开加载了外部站点的jQuery颜色盒。我试过了：jQuery.colorbox({ href:"http://www.google.com", iframe: true我还没能从colorbox网站上找到一个这样的例子。
浏览 0提问于2010-07-19得票数 1
回答已采纳
2回答
当我的ColorBox出现在屏幕上时，它的大小太小了，尽管它仍然有内容可供显示。你知道为什么吗？当你第一次加载网站时，这个框就会弹出来。我只是需要的框，以实际显示其内容，而不是给我滚动条在侧面。我浏览了一下CSS，但是我找不到任何能做到这一点的东西。
它只是在右边显示滚动条，而不是显示我的内容。({width
浏览 1提问于2013-02-22得票数 0
回答已采纳
1回答
我使用Colorbox来显示iframe内容。一些iframe比原来的大(打开时设置了宽度和高度)，所以我使用这个解决方案- -在加载后调整Colorbox的高度。问题是，当Colorbox变得越来越小时，它会从下到上拉伸内容高度，而不是很好地拉伸到页面的中心。我希望它看起来与你在带有图片的颜色盒示例中看到的完全一样： first链接。在父级中打开颜色盒：
浏览 0提问于2012-01-07得票数 1
回答已采纳
3回答
我正尝试在base64中使用colorbox图像，但当我在幻灯片中单击以打开图像时，它无法打开。我使用的是backbone框架。 maxWidth : '80%',
maxHeight : '80%
浏览 7提问于2013-03-31得票数 1
2回答
我有一个网站，在那里最终用户可以点击一个按钮，打开一个表格进行填写。在该表单中，可以单击另一个按钮打开另一个表单以提供其他信息。代码如下：<script src="/Scripts/colorbox/jquery.colorbox.js"></script> $(document).ready/NewGameType.aspx"
浏览 7提问于2013-06-09得票数 0
我需要一个Colorbox来定制:我想强制颜色盒图像以精确的高度打开，以使其具有70px的上边界和50px的下边界，在固定的居中位置。
另外，用浏览器强制它重新缩放也很好--但那是另一个问题。
浏览 4提问于2012-08-16得票数 0
回答已采纳
a href="img3.jpg" rel="gallery">img3</a>编辑:我在那有点快……我的意思是
浏览 0提问于2012-07-30得票数 3
回答已采纳
2回答
colorbox不支持Ajax
、、、、
我正在尝试从ajax调用中动态加载的内容中打开colorbox。在点击下一步时，它会在页面上加载另一个块，在点击该块时，应该会打开colorbox overlay。但对于第一个项目，colorbox是打开的，然后我无法绑定colorbox与链接。请看，我用来绑定colorbox的javascript代码是：
$(document).ready(f
浏览 0提问于2011-09-09得票数 0
3回答
我的站点上有下面的代码，应该显示弹出窗口<script type="textdocument.getElementsByTagName('script')[0]; s.parentNode.insertBefore(p, s);
</script>
它工作得很好，但问题是，在我的Dru
浏览 2提问于2014-12-18得票数 2
回答已采纳
我使用的是Jquery colorbox弹出窗口，它们在除IE9之外的所有浏览器中都工作得非常好:当它们打开时，它们丢失了他的位置、高度和宽度。有人知道问题出在哪里吗？
浏览 1提问于2011-03-22得票数 0
2回答
这是我的网站的链接：
我一直在试图弄清楚如何在你打开图片时让色彩盒做出反应，这样它们就会根据你正在观看图片的设备而缩小。到目前为止，如果你在移动设备上查看我的网站，如果你点击一个缩略图打开属于该缩略图的图库，图像就是图像本身的尺寸(800px宽)。我已经阅读了互联网和堆栈溢出的东西，并试图将我看到的代码粘贴到我的文件中，但它不起作用。一旦我尝试了任何东西，它就会使colorbox不
浏览 0提问于2016-02-04得票数 4
我发现了一些相关的问题，不幸的是我无法修复我的代码。
我在"Colorbox“窗口中有一个表单，当我提交该表单时，我重新加载。div id=“重载”。在父窗口中显示新提交的数据。带有"Colorbox“类的URLS不像"Colorbox”链接那样工作(以普通链接的形式工作-在整个页面中打开)。这些链接在.load()新数
浏览 2提问于2016-08-13得票数 0
回答已采纳
我正在使用jQuery来滚动我自己的可折叠的元素插件，折叠元素的主体，并让顶部的栏暴露在点击上(用于切换)。我遇到的问题是，在将元素初始切换为“closed”之后，我不知道如何在再次“打开”时返回元素的原始高度。如你所见，它们从适当的高度开始。点击切换以折叠它们。然后再次点击切换以打开它们，但它们不会返回到原
浏览 0提问于2013-06-11得票数 0
回答已采纳
3回答
调整颜色框大小以适合屏幕宽度
、、、、
当用户第一次访问页面时，我使用一个颜色盒打开(使用cookie)。该框包含一张520x520的图像。;函数调用： $.cookie('visited', 'yes'); $.colorbox.settings.width = 520;
$.colorbox({html
浏览 1提问于2012-10-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
