Tag: 高度

jQuery在顶部浮动更多空间

如何在图表顶部创建更多空间？ 现在我明白了： 但我想要这个： 这是我的JS代码： $(“table.chart”).each(function() { var colors = []; $(“table.chart thead th:not(:first)”).each(function() { colors.push($(this).css(“color”)); }); $(this).graphTable({ series: ‘columns’, position: ‘replace’, width: ‘100%’, height: ‘200px’, colors: colors }, { xaxis: { tickSize: 1 } }); });

脚本分析DIV高度非function

我有以下脚本似乎无法正常工作。 var height = $(‘#sidebar1’).height(); var pageHeight = $(window).height(); if ((height) > 600) { alert(‘haha’); } 对这个脚本的不可接受的结果是对pageHeight而不是600而不是它，但是即使使用600，我也无法使用它。 我只能得出结论，这与div: #sidebar1是一个浮动的棒元素。 这是它的CSS。 .sidebar { float: right; width: 190px; padding-top:8px; } 该脚本是一个负载的一部分，其中div: #sidebar1的高度随着内容的加载而扩展，基于表单中的选项。 有任何想法吗， 奇妙 编辑：从包含警报作为元素的高度，我们现在可以看到高度卡在’430’，即使它似乎继续扩大。 有任何想法吗

使用Jquery获取图像大小

我有一个图像列表 每张图片宽200像素，但高度不同。 有没有办法让Jquery找到，然后在加载后设置每个图像的高度？ 我计划在一个页面上有几十个图像，并且不想为每个图像标记添加width和height属性。 我正在使用Masonry插件，它需要图像的宽度和高度属性。

使用jQuery来获取图像高度

我在页面上有一堆图像。 我正在尝试使用jQuery来获取每个图像的高度并在图像之后显示它。 所以这是我的代码： $(document).ready(function() { $(“.thumb”).each(function() { imageWidth = $(“.thumb img”).attr(“width”); $(this).after(imageWidth); }); }); […] $(document).ready(function() { $(“.thumb”).each(function() { imageWidth = $(“.thumb img”).attr(“width”); $(this).after(imageWidth); }); }); […] $(document).ready(function() { $(“.thumb”).each(function() { imageWidth = $(“.thumb img”).attr(“width”); $(this).after(imageWidth); }); }); […] 我在jQuery背后的逻辑是，我想通过每个“拇指”选择器，将“拇指”内的img的高度分配给变量“imageWidth”，然后在每个“拇指”后显示文本中的高度。 我遇到的问题是它只在第一张图像上工作然后退出。 如果我使用“thumb_img”类，我可以让它工作，但我需要访问“thumb”类的图像高度。 希望这不是太混乱，因为我是jQuery的新手。 谢谢你。

jQuery height（）在resize时没有改变

我之前从未遇到过这个问题，但我似乎无法找到解决方案，所以我希望你们能帮助我。 jQuery的 function setTheHeight() { if( $(‘#main.level1 .block.attention .block-content’).length ) { //Get value of highest element var maxHeight = Math.max.apply(Math, $(‘#main.level1 .block.attention .block-content’).map ( function() { return $(this).height(); } )); console.log(maxHeight); $(‘#main.level1 .block.attention .block-content’).height(maxHeight); } } setTheHeight(); $(window).resize(function() { setTheHeight(); }); 基本上这个函数的作用是检查最高div并将所有选定div的高度设置为此高度。 这很好用。 但它是一个响应式设计，所以当用户调整浏览器时，内容会变小，div会更高。 所以我添加了一个resize事件。 该事件正在被解雇，但它没有改变高度。 任何想法都是为什么resize不会改变高度？ 快速jsFiddle显示发生的事情： http ： //jsfiddle.net/3mVkn/ 固定 嗯，这简直太愚蠢了。 因为我设置了高度（）它已经被修复了所以我所要做的只是重置高度并且它有效。 更新的代码： […]

帮助Jquery / Masonry，小调整

对于我的生活，我可以;弄清楚到底发生了什么。 我缺乏Jquery知识可能与它有关… 看看这个： http ： //jsfiddle.net/ryanjay/fgNMJ/ 当页面加载时，每张照片之间存在高度差异。 当您单击照片并展开时，底部的照片会重新放回原位。 再次单击照片以折叠照片时，照片会在页面加载时按原样放置。 合理？ 当页面加载时，为什么照片之间会有高度差异？ 我假设它与（.box img）.css（）代码有关，我已经进行了…但我无法理解它。 这也是代码。 jQuery的： $(document).ready(function(){ $(‘#grid’).masonry({ singleMode: false, itemSelector: ‘.box’, resizeable: true, animate: true }); $(‘.box img’).css({ width: ‘100%’, height: ‘auto’ }); $(‘.box’).click(function(){ if ($(this).is(‘.expanded’)){ restoreBoxes(); } else { $(this) // save original box size .data(‘size’, [ $(this).width(), $(this).height() ]) .animate({ width: 400 }, […]

jquery设置高度加载后

我在设置动态加载的元素的高度时遇到了一些麻烦。 我使用jquery load函数将外部（动态）页面加载到当前页面上的div（#cbox）中。 因为这个子页面是动态的，所以我不知道内容的高度是什么。 我想在加载内容后获得高度，并将容器div的高度设置为匹配，以便我的颜色背景css一直向下。 我在css中尝试了100％高度div的许多变化，但是一旦我滚动页面，颜色就会向上滚动（100％似乎只设置了浏览器窗口高度的100％，而b / c内容是动态的加载它不起作用。我的解决方案是将div的高度设置为加载内容的高度，但这仅适用于SECOND点击（因为此时页面已加载并可访问。我需要弄清楚怎么做是在外部页面加载后更改div的高度，但我似乎无法弄明白）。 我希望这对某人来说是可以理解的，我知道这有点令人费解。 这是我的onclick代码： jQuery(‘#cbox’).load(‘externalpage.php’); jQuery(‘#cbox’).height(jQuery(‘#content’).height()); 更新：如果我想将高度设置为该div，则下面的解决方案有效。 但是现在我发现我只想将它设置为div高度，如果内容高度比窗口更高。 否则我希望它设置为100％。 我尝试稍微修改它们的代码（onlick事件）： jQuery(‘#cbox’).load(”, function() { if (jQuery(‘#cbox’).height() < jQuery('#content').height()) { jQuery('#cbox').height(jQuery('#content').height()); } else { jQuery('#cbox').height('100%'); } }); 但它不起作用……任何想法？

Jquery手风琴没有删除Class并且没有交换它的展开文本以进行折叠

感谢@ifaour的大力帮助！ 该脚本包括： Jquery手风琴使用无序列表。 具有切换子弹箭头图像的活动和非活动状态 展开全部/折叠全部交换其文本。 当手风琴展开和折叠时，相同高度的柱子会膨胀和折叠 你可以在这里查看演示http://jsbin.com/ucobo3/24/ (function($) { $.fn.equalHeights = function(minHeight, maxHeight) { tallest = (minHeight) ? minHeight : 0; this.each(function() { if($(this).height() > tallest) { tallest = $(this).height(); } }); if((maxHeight) && tallest > maxHeight) tallest = maxHeight; return this.each(function() { if ($.browser.msie && $.browser.version == 6.0) { $(this).height(tallest); } $(this).css(‘min-height’, tallest + […]

jQuery $（window）.resize（）在降低窗口高度时不起作用

我有一个id为“main”的div，我想用jQuery设置它的高度，并且在window.resize使用函数修改它的高度但是由于某种原因它只在增加窗口的高度时才有效，当减少它时它不起作用。 这是JS： function setMainH() { var docH = $(document).height(); $(“#main”).height(docH – 40); } $(function() { setMainH(); }); $(window).resize(function() { setMainH(); }); 编辑：问题出现增加或减少 编辑2： resize()事件似乎被正确调用，我试过 console.log(“resizing”); resize，它正确记录，所以问题不是那样。

jQuery调整iframe高度

这段代码传递给了我。 它使我的iframe设置为屏幕高度的100％： jQuery(document).ready(function(){var height = $(window).height(); $(‘iframe’).css(‘height’, height) }); 我是javascript的新手。 如何编辑此代码使其设置为90％高度而不是100％？ 此外，此代码定位所有iframe，是否有任何方法可以使其定位到特定的iframe（通过其ID或NAME值）？ 如果你愿意，你可以在这里摆弄这段代码： http ： //jsfiddle.net/VurLy/