Tag: height

jQuery报告Firefox iframe中的元素高度不正确: 这是一个简短的测试来certificate我的问题。我有一个加载iframe的页面： $(‘#iframe’).bind(‘load’, function () { var div = $(this).contents().find(‘div’); alert(div.height()); alert(div.innerHeight()); alert(div.outerHeight()); alert(div.outerHeight(true)); }); iframe（box.html）包含一个样式的div： div { height: 50px; width: 50px; margin: 5px; padding: 5px; border: 2px solid #00f; background-color: #f00; } 四个警报应分别返回50,60,64和74。这在Safari和Chrome中正常运行。在FF 3.5.1中，它们都返回64.这是错误的。有谁知道我怎么能强制FF / jQuery返回正确的值？

动画DIV高度的脚本突然改变了DIV的高度: 我有以下脚本使用slideUp和slideDown效果，但在动画DIV的高度时无法正常工作： $(function () { var myTimer, myDelay = 500; $(‘.slide, .the_menu’).hover(function () { //when either a `img.menu_class` or a `.the_menu` element is hovered over, clear the timeout to hide the menu and slide the menu into view if it already isn’t clearTimeout(myTimer); $(‘.the_menu’).animate({height:’37px’},’fast’, function () { $(‘.the_menu’).stop(true, true).fadeIn(‘slow’); }); }, function () { //when either […]

JQUERY – 从左上/右上或左下/右更改Div尺寸: 我正在写我的个人网站，我有4个div包含在容器div中（见图）现在单击我想将单击的div调整为容器的div维度我做的。现在我的问题是有一种方法可以resize：第二个是从右上到左下角第3个到左下到右上角第4个从右下到左上 HTML http://pastebin.com/mid0ssC6 CSS http://pastebin.com/sx4BL9Jv JQUERY http://pastebin.com/1yG3vkew 我找到了一个解决方案，我很快就会发布:)

在完成执行之前获取jquery的slideToggle（）的最终高度 – 在CSS中没有固定的高度: 我需要在我的网站上使用div B根据另一个div A的运行时间更改高度动态更新。 div A使用jquery slideToggle() [在div A几个div上]，但div B应该只是改变（同时）以匹配div A的当前高度。 panel_toggle1和panel1包含在div A ： $(document).ready(function () { $(“#panel_toggle1”).click(function () { $(“#panel1”).slideToggle(“slow”, function () { var divAheight = $(“#divA”).height(); $(“#divB”).animate({ height: divAheight }, “slow”); }); }); }); 上面的代码确实基本上是我想要的，但是，由于callback() ，它等待slideToggle()完成之前对另一个div执行幻灯片效果（我被迫这样做因为sliteToggle()不吐超出div A的最终height()直到它完成）。有没有办法做到这一点，以便div A和div B平滑更新？即有没有办法获得高度slideToggle()将在它完成之前更新div A （这样我就可以在div B上同时在div B上调用.animate() ）？注意：我没有为CSS中的任何div使用固定高度，我想保持简单或者，有没有一种方法可以保持div B以匹配div A的高度与CSS？

动画高度从底部到顶部而不是从顶部到底部: 如何反向实现高度动画？而不是典型的动画从顶部开始并向下工作，我怎样才能让它从元素的底部开始动画并向上朝向元素的顶部？该事件由a#link-1触发，动画发生在div#line-1 。这是我的代码：它似乎不起作用。： – / HTML Link 1 CSS #pageContainer{ position: relative; margin: 0px 0px 200px 0px; min-height: 748px; height: 748px; background: url(‘../img/sprite.png’) bottom center no-repeat; } a#link-1{ position: absolute; top: 686px; left: 36px; text-align: center; display: block; width: 76px; height: 24px; line-height: 24px; z-index: 20; } div#line-1{ position: absolute; top: 4px; […]

如何覆盖由jquery / javascript设置的css高度？: 我有这个： var setHeight = $(this).outerHeight(); // returns eg 687 $(“#someElement”).css({‘height’: $setHeight+”px !important” }); // I want to override this jquery-set height 我不确定这是正确的方法……可能不是，因为它不起作用。谢谢你的帮助！

将变量传递给jQuery CSS值来计算高度: 我显然需要将此DIV“两个”高度设置为100％ – （减去）另一个DIV高度（div“one”）。问题是，另一个DIV（div“one”）的高度已经是动态的。所以： div { position: relative; } body { height: 100vh; } 我尝试过这样的东西，但这不起作用： $(document).ready(exe); $(window).resize(exe); function exe(){ var topHeight = $(‘#one’).outerHeight(true); $(‘#two’).css(“height”, “calc(100% – topHeight)”) } 要么 $(document).ready(exe); $(window).resize(exe); function exe(){ var topHeight = $(‘#one’).outerHeight(true); var topHeightCalc = ‘100%’ – topHeight; $(‘#two’).css(“height”, topHeightCalc) }

Owl Carousel 2 – autoHeight（多件商品）: 目前，Owl Carousel autoHeight仅在屏幕上显示1项。他们的计划是根据最高项目计算所有可见项目并更改高度。我通过调用可见项上的.active类来解决这个问题，并将不可见的项目放在一个很小的高度。是否已有更优雅的解决方案？ $(‘.owl-carousel’).owlCarousel({ loop: true, items: 3, margin: 1, autoHeight: true, }); 小提琴有任何想法吗？谢谢！

在类更改后重新计算jQuery中的元素高度: 我有一个项目列表，根据标准，它通过jQuery on document.ready获取一个类，触发CSS3列。如果列表以列显示，则其高度将更小。有没有办法在课程更改后立即在jQuery中获得新的高度？ $items.each(function(i){ var theItem = this; console.log($(theItem).height()); //extended layout if ( theCriteria ) { $(theItem).addClass(‘extended’); console.log(‘after’, $(theItem).height()); } } 上面的代码返回两个调用的初始高度。我猜我需要触发别的东西。

如果JQuery Mobile的内容溢出，如何使用滚动来保持面板高度: 我有一个固定页眉和固定页脚的页面。内容的高度也固定为窗口的高度。该文档具有面板，其内容可能长于窗口/内容的高度。当发生这种情况时，文档的高度会发生变化。但是我需要在没有滚动条的情况下保持文档的高度。该面板应该取代滚动条。示例： http ： //jsfiddle.net/moizhb/GSSD3/ 面板是如何实例化的：我很欣赏这里的任何指示。谢谢！