jquery - ColorBox 不会动态改变宽度

标签 jquery html css width colorbox

我在我的 HTML 应用程序中使用 Jquery colorbox 插件。我的页面上有两个 div。一个在左边,一个在右边。我要那个。一开始右边div的显示是none。当我单击左侧 div 右侧的某处时,div 的显示变为 block 。然而,由于 colorbox 的大小,第二个 div 显示在第一个 div 的下方,并且出现了一个滚动条。我不希望我希望它位于右侧 我的意思是 我希望 colorbox 再次自动计算它的宽度(如果可能的话我不想声明宽度来修复它)

附注 1: 我的左右 div 的 css':

.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

当我不隐藏时(我使用 Jquery .show())第二个 div(右 div):

one of is at right other at left.

然而,当我第二次隐藏(我使用 Jquery .hide())和显示它之后(我使用 $.colorbox.resize();)我的第二次div 出现在第一个底部(不是右边)。

PS 2:我从外部文件中获取颜色框内容

最佳答案

colorbox 会自动改变它的高度但不会改变宽度。所以我这样做了:

$.colorbox.resize({width: pixelValue}); 

关于jquery - ColorBox 不会动态改变宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8159577/

相关文章:

html - 对外部 svg 使用 preserveAspectRatio

html - Big Cartel - Luna 2x2 产品主页

javascript - 如何将 onclick 添加到一行文本,以便它仅在单击而不是在页面加载时调用弹出框?

jquery - 以编程方式取消选中 jQuery UI 复选框按钮

javascript - 我想将表单输入作为变量获取

html - 位置固定元素在滚动时移动

css - 在响应式版本中排除菜单背景图片

jquery - 基于变量设置 jQuery .css()

jquery - 包含一系列面板的一页网站,每个面板的大小都是视口(viewport)的大小

javascript - JQuery 看不到的后来插入的标签