Tag: width

进度条宽度

我的代码旨在通过计算百分比并将其作为style.width传递来设置进度条的宽度。 我是新手,所以为坏代码道歉: JQuery的 $(document).ready(function() { var width=(1/5*100); $(‘#progress_bar’).css(‘width’,’=width + “%”‘); }); HTML 有没有第二个空闲的人请帮助我让它工作,并告诉我我哪里出错了所以我可以从中学到什么? http://jsfiddle.net/SyxAM/

$(this).css(“width”)不适用于Safari中的ancohor标签

我正在使用CSS选择器为Web模板生成自定义弹出窗口 – 基本上,有些制作人对JS不熟悉,我需要一种简单的方法来设置弹出窗口大小等等。我不是真的感兴趣的是这种方法的优点,但是希望理解为什么jquery似乎无法获得CSS中为Safari中的锚定义的宽度和高度。 请参阅: http : //f1shw1ck.com/jquery_sandbox/csspops.html 我的问题的核心: 对于选择器a.popup {width: 800px;height: 560px;}和锚点African Rock Art: Apollo 11 Cave Stone (c. 25,500 – 23,500 BCE)为什么 if ($(this).css(“width”)) { windowParams.width = $(this).css(“width”); } if ($(this).css(“height”)) { windowParams.height = $(this).css(“height”); } 两个属性在Safari中返回为零? 其他浏览器中的onclick弹出警报:toolbar = no,directories = no,location = no,resizable = yes,menubar = no,scrollbars = yes,status = no,width = 800px,height […]

如何找到内部元素的宽度

我找不到任何其他问题同样的问题,尽管这可能是我的搜索措辞的问题。 我试图找出如何找到具有固定宽度的容器div内包含的所有元素的最大宽度。 因此,在下图中,黑匣子是具有固定宽度的容器div。 红色框表示容器div的内容,可能会发生变化。 我想找到红色框的宽度,只使用js中的黑框。 这是一个jsfiddle与我一直在努力/尝试: http://jsfiddle.net/w87k5/1/ 我尝试过的当前jquery函数没有成功: .width(); .innerWidth(); .outerWidth(); .scrollLeft(); 注意:我不知道有关此容器内容的任何内容。 它们可以是任何html元素或混合的html元素,从div到imgs到iframe。 我可以放一个没有固定宽度的“红色盒子”。 黑盒的溢出将被隐藏。 更新:容器中可能有任意数量的子项。 像这样: http : //jsfiddle.net/w87k5/3/ 更新2:我将对所有答案运行基准速度测试,以查看哪一个最快,然后选择一个。 感谢您的输入! 基准测试:我生成了1000个div,其随机宽度介于0和100之间,记录了Date()。getTime(),进行了测试,然后再次记录了时间。 结果如下: ~2418 avg。 for循环的长度为毫秒。 我可能会以某种方式弄乱这一个? for (var i = 1; i box){ box = q; } } 平均约34.4 .each循环的ms。 ~22.4平均 .map函数的ms。 (选择回答。)

如何在div中动态添加更多宽度?

我用jQuery UI创建了一个时间轴。 对我的问题:如果我用图像和文本添加更多年份,如何在该div中动态添加更多空间? 在这种情况下: #timline 。 当我添加更多年时,问题就出现了,我需要更改时间轴内的宽度。 它设置为超过3000px。 我怎么能阻止这个? 这是案件的小提琴 HTML: Journey Show years 2008Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. 2009Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. 2010Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod […]

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 width()在表格单元格上返回不正确的值

在我正在编写的插件中,我遇到了表格单元宽度的可怕问题。 我所做的就是使用jQuery的.width()函数获取表格单元格的宽度,然后将相同的单元格设置为返回的宽度。 基本上,这个: $table.find(‘> thead > tr > th’).each( function() { var $th = $(this); $th.css({width: $th.width()}); } ); 但是,在许多情况下,返回的宽度不正确,并设置它会更改单元格的宽度。 起初它看起来好像被1px关闭所以我在返回的宽度上添加了1px。 但是随着边框越来越厚,它越来越多 – 但似乎并不是简单地添加边框宽度的情况。 对于初学者来说,显然有2个边框,但它只有1个边框的宽度。 并且随着边框宽度的变化,您需要添加几乎随机的值。 这是我的代码示例 – 宽度设置部分在页面加载后运行1秒,因此您可以看到更改。 有没有一种可靠的方法来获取/设置Javascript中表格单元格的宽度?

更改元视口标记

我需要根据视觉视口的宽度更改元视口标记。 我知道如何做到这一点,但它不起作用,我认为这是因为该网站运行这一点JS为时已晚,无法生效。 这可能不是这个,但这是我的第一个想法。 在我的application.js文件中: $(document).ready(function() { // If screen width is 480 or less then add meta viewport tag // (so default mobile display is used on iPads until that optimised view is added) if (window.innerWidth <= 480) { // This looks at the size of the visual viewport $('#viewport').attr('content', 'width=device-width'); } } 在我的index.html中: 任何想法如何让我的块尽快运行,所以它实际上生效了? […]

jQuery if语句取决于px中的宽度

我是jQuery的新手,有人可以告诉我,如果我正确地表达了上述’if’语句吗? 如果我的变量的宽度等于900px,我基本上想要运行一些东西。 我的变量是var $brewapp = $(‘#brewapp’); 谢谢。 if (($brewapp).width == ‘900px’) { //what i want it to do }

许多列的数据表宽度溢出

哇,我有jquery datatables插件这个严重的问题。 我有一个包含大量列(超过35列)的表,这个表溢出了我的div内容。 我尝试了很多方法(包括在堆栈溢出时遇到相同问题的解决方案),但仍然无法解决这个问题。 所以,我真的需要你的帮助。 🙂 谢谢,非常感谢你 你可以在这里看到截图。 这是javascript代码 var list_table = $(“#list_table”).dataTable({ “sScrollX”: “100%”, “sScrollXInner”: “110%”, “bScrollCollapse”: true }); 这是html表 Account Code Account Name JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember January s/d December <!– –> Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance […]

在jQuery Mobile中设置内容的最大宽度?

我有一个jQuery Mobile网页,当前的width=device-width但我的表单元素(文本字段和提交按钮)在桌面计算机上查看时会延伸到浏览器的宽度。 有没有办法设置最大宽度,以便这些元素(或整个内容div)在移动设备上正确显示但在台式计算机上查看时不超过固定的最大宽度?