Tag: 宽度

根据数量设置具有相同类别的多个元素的宽度: 我遇到的问题类似于以前的问题。我试图给多个元素一个宽度，具体取决于它们有多少。假设我有5个元素，它们的宽度必须是20％，如果我有4个25％等（宽度= 100 / n）我认为这会起作用，但它没有： if ($(window).width() <= 960) { $("aside.widget").css("width", function(){ var widgetLength = $("section#secondary").children("aside.widget").length(); return 100 / widgetLength + "%" }); } 也不是： if ($(window).width() <= 960) { $("aside.widget").css("width", 100 / widgetLength + "%"); } 控制台返回： Uncaught TypeError: Property ‘length’ of object [object Object] is not a function 有什么想法吗？谢谢。

如何计算每个元素的高度并将这些值用作函数中的变量？: 我正在尝试创建一个简单的文本手风琴，计算每个面板的高度并将此值作为变量返回。我可以使用if语句获取值，如if ( i === 0 ) { $(this).height(); } 但是无法将此变量传递给外部。我可以在不使用变量的情况下做到这一点，但长期来看它变得毫无用处。 Brıefly：我想计算每个元素的height并在click函数中使用这个变量。这是jsFiddle包含问题。 var panel = $(‘.holder div’); var trigger = $(‘a’); panel.each(function(i) { //problem starts when i try to calculate each ele’s height var eachEleHeight = i.height(); trigger.click(function() { $(this).prev(‘div’).animate({‘height’:eachEleHeight+’px’},500); //this works widthout var eachEleHeight but became useless //$(this).prev(‘div’).animate({‘height’:’300px’},500); }); //this is for […]

设置div jquery的宽度: 我正在尝试使用jquery设置div的宽度。这就是我试图设置div的大小 $(‘#page’).css(“width”,data[0][‘imageWidth’]); 这就是我想要设定的div 任何帮助都将非常感激

JQuery在无序列表问题中等距离导航链接: 我正在编写一个JQuery脚本，它使用margin-right在包含内部均匀地分隔可变大小的水平导航链接。算法是：答：获取容器的宽度。 B：添加容器内所有项的宽度。 C：通过从A中减去B并除以容器中项目的数量减1来计算除最后之外的每个项目的右边距。但是在我的算法或代码中存在缺陷，因为链接溢出容器。这是我的代码。你能帮帮忙吗？谢谢，-Northk var containerWidth = $(‘#main-nav ul’).width(); var linksWidth = 0; $(‘#main-nav ul’).children().each(function() { linksWidth += $(this).width(); }); var linkSpacing = Math.floor((containerWidth – linksWidth) / ($(‘#main-nav ul’).children().length – 1)); $(‘#main-nav ul’).children().css(‘margin-right’, linkSpacing + “px”); $(‘#main-nav ul’).children().filter(“:last”).css(‘margin-right’, 0); HTML看起来像： home link-number-2

hoverdroppable时更改拖动克隆的大小？: $(“.drag”).draggable({ helper: ‘clone’, appendTo: “body” }); $( “.drop” ).droppable({ over: function(event, ui) { $(ui.draggable).css({width:’30px’,height:’30px’}); }, drop: function( event, ui ) { if($(ui.draggable).parent() !==$(this)){ $(ui.draggable).appendTo($( this )); $(ui.draggable).tooltip({ disabled: true }); $(ui.draggable).css({float:’left’}); } }}); 我正在尝试更改拖动克隆项目的大小，当我将鼠标hover在可放置区域上但保留原始大小相同（以便当鼠标hover在正确的放置区域时，附加到鼠标的项目会缩小）。此代码更改原始但不更改克隆。有什么建议？

使用jquery更改CSS样式: 我正在尝试修改div的宽度。我究竟做错了什么？ $(‘#foo’) [] $(‘#foo’).css(‘style’,’width:50%’) []

无法通过jquery获取ajax加载图像的高度和宽度: 我通过ajax像这样外部加载图像…… function load_image(image_href) { var img = new Image(); $(img).load(function () { $(this).hide(); $(‘#a_box’).append(this); $(this).fadeIn(); }, gallery_image_load_complete() ).error(function () { }).attr(‘src’, image_href); } function gallery_image_load_complete() { conslole.log(‘complete’) $(‘#a_box img’).height(); //wrong numbers, as though the image is partially loaded $(‘#a_box img’).width(); //wrong numbers } 问题是我试图在函数gallery_image_load_complete（）中获取加载图像的高度和宽度。出于某种原因，这个图像的高度和宽度是关闭的，这是图像没有完全加载的情况。有人可以帮帮我吗？

父元素上的jQuery outerWidth，其子元素具有填充: 我有一个小问题，我试图获得表格单元格的外部宽度。表格单元格有一些输入作为子元素，在本例中是文本框和图像。图像的宽度为16像素，文本框的宽度为115像素。文本框还有左右填充，均为2px（等于4px）。我假设td.outerWidth（）给我119 + 16 = 135px（115 + 4填充+16），但它给了我115 + 16 = 131px。外部宽度确实在所有子元素上分别返回正确的宽度，但是在具有带填充的子元素的父元素上计算外部宽度时似乎存在问题。如果我删除填充，那么一切正常。有没有其他人有这个问题或任何解决方案？