Tag: 宽度

我可以使用Jquery自动查找和设置各种图像的宽度和高度吗？

我正在使用Masonry插件，并且为了使图像正常工作，您需要在图像标签中设置宽度和高度。 所有图像的高度都会有所不同，但宽度将设置为200px。 有没有办法让Jquery检测每个图像的高度并设置它的高度？ 这样我就不必设置每个图像的高度。 这有意义吗？ 希望有人可以帮忙！ 我是Jquery的新手。

$（element）.outerWidth（true）根据主题报告不同？

我有一个jQuery脚本，它通过普通的CSS宽度属性将元素的宽度设置为50％。 如果我然后输出该元素的outerWidth(true)以获得精确的像素值，它有时不对应于$(window).width()/2 – 这是基于该网站的主题。 不幸的是，我不能在网上为这种行为带来一个演示。 是否有任何特定的CSS属性可能导致这种差异？ 问题是outerWidth()报告的例如是564px ，但是当我检查Safari检查器时，它说580 。 所以该函数的返回是不正确的，我希望能够知道原因是什么。 演示： http://users.telenet.be/prullen/this/ http://users.telenet.be/prullen/that/ 内容（单击红色选项卡时的灰色区域）应该通过负边距隐藏在加载中，但是由于（错误的？）返回jquery，它不在其中一个主题中（稍微显示）。 console.log调用是： console.log(‘window width / 2 = ‘ + $(window).width()/2); console.log(‘doc width /2 = ‘ + $(document).width()/2); console.log(‘width = ‘ + defaults.boxWidth); console.log(‘width = ‘ + $slider.css(‘width’)); console.log(‘width = ‘ + $slider.width()); console.log(‘width = ‘ + $slider.outerWidth()); console.log(‘width = ‘ + $slider.outerWidth(true));

文章中的内嵌图像和标题 – 使标题的宽度符合图像的宽度

这是我的代码： This is the image caption 这是我的CSS： .image { position: relative; float: right; margin: 8px 0 10px 10px; } .caption { font-weight: bold; color: #444666; } 如上所述，标题将符合div.image的宽度。 我的问题通常是img大小不一，从100px宽到250px宽。 我想使标题宽度符合图像的相应宽度，无论大小。 虽然我也喜欢这个更加语义化，但我不确定用img切换p.caption是多么容易。 当然，我更喜欢这种方法，但我一步一步迈出这一步。 是否有一些jquery代码可用于检测图像的宽度并将该宽度作为内联样式添加到标题标记？ 有一个更好的方法吗？ 我愿意接受建议。

获取没有滚动条宽度的Div宽度

我在这里有一个问题。 这里有两个div“div1”和“div2”。 这里我想根据“div2”宽度调整“div1”宽度。 我的要求是不应该为“div1”包含scrollBar的宽度，即我应该设置“div1”的高度，不包括“div2”中scrollBar的宽度。 我想要一个jquery函数来查找宽度并减小“div1”的宽度。样本要求如下所示 HTML CSS .div1 { width:100px; height:100px; border:1px solid black; } .div2 { width:100px; height:300px; border:1px solid black; overflow:auto; word-break:break-all; } 小提琴演示就在这里 小提琴

在父节点中获取div的宽度：在Jquery选项卡控件中为none

我有一个jquery选项卡控件，我正在构建一个自定义控件，我需要在构建过程中知道自己的宽度。 我的问题是当放入父容器时，在这种情况下是一个选项卡，它有一个’display：none’我无法计算宽度。 我已经在我的控制中尝试了两种方式： $(‘.DataRow’).width() $(‘.DataRow’).css(‘width’) 都返回0。 有没有其他方法来获得这个宽度值？

如何检查是否支持naturalWidth？

我有以下jQuery并想测试是否支持naturalWidth： function special(image) { if (typeof this.naturalWidth != ‘undefined’) { //do something } } 但这似乎不起作用？ 有任何想法吗 ？

Jquery Marquee的动态内容 – 动态宽度也是？

我正在将数据库中的动态内容添加到我在网上找到的选框中。 问题是 – 内容长度变化很大，脚本需要一组静态宽度才能正常工作。 我需要找出一种方法来在我拉动内容时生成宽度，或者让脚本自动生成项目的宽度。 这是我在这里发现的非常重要的脚本。 这是一个JSFiddle ，看看它是如何工作的。 对于那些不喜欢JSFiddle的人来说，这里有一些简单的html / css This runs differently than the ticker for some reason. It’s highly annoying in my personal opinion. test1 This is Test 2 test3 This is test number 4 ​ CSS .event{float: left;} /* Add width and it will run, sorta fine .event{width:100px;} */ jQuery的 (function($) […]

jquery如果width小于，则更改此attr

$(“.section”).each(function(i, el){ var section = $(‘.section’); var width = section.width(); if (width < 960) section.attr('class', 'section-slim'); }); 这似乎工作正常，在浏览器刷新时，如何resize时的行为？ 例如：如果有人让他们的浏览器窗口变小，它会添加这个类吗？

jQuery：div在动画后弹回到完整大小

在下面的jQuery示例中，我在另一个内部有一个div。 当我将内部div设置为宽度为0时，外部div（具有绝对定位）的宽度随之减小。 这是期望的。 问题是在动画完成后，外部div会弹回原始大小。 这是预期的吗？ 我该如何防止这种情况发生？ 谢谢！ 例 HTML： innerContent CSS： div.outer { position: absolute; padding: 10px; background: purple; } div.inner { position: relative; padding-left: 5px; padding-right: 5px; background: orange; clip: auto; overflow: hidden; } JavaScript的： $(‘.outer’).click(function() { $(‘.inner’).animate({width: 0, paddingLeft: 0, paddingRight: 0}, ‘slow’); });

获取DIV宽度和高度的跨浏览器方法？

这是我的第一篇文章，所以请放轻松我。 我确定我做错了什么。 但是，我找不到任何回答上述问题的post。 我使用jQuery。 我正试图找到一种方法来获取DIV元素的当前宽度和高度，即使它们被设置为“自动”。 我发现了很多方法，但没有方法在IE中返回相同的宽度。 这个方法是跨浏览器很重要，因为如果在不同的浏览器中返回不同的数字，它将破坏页面的布局。 .width（）和.height（）不起作用，因为在IE中，减去了填充（例如，width（）返回25，其中宽度为30，填充为5）。 .outerWidth（）和.outerHeight（）也不一致。 当他们在FF中工作IE（信不信由你）时，填充再次添加到整个宽度（例如，outerWidth（）在FF中返回110，其中宽度为100px，填充为10px）。 没有编写复杂的浏览器检查，有没有办法解决这个问题？ 谢谢！