我已经看了好几个小时了，弄不清楚为什么它不能准确地工作。我使用固定列和流体列、宽度框大小和边框以及Jquery上的宽度设置的混合。我希望左列是170 be，中间和右边是50%减去左列。但出于某种原因，边框重叠，中间和右边没有相同的宽度？有谁可以帮我？
$('#middle').width(function () {
return ($(this).parent().width() * 0.5) - 85;
});
$('#right').width(function () {
return ($(t
浏览 2提问于2013-12-11得票数 0
回答已采纳
2回答
我有这个页面，其中包含一个10-12值的表格，每个表格单元(td)有一些padding(10px)。获取正文宽度的最佳方法是什么，包括这个包含padded cells.的表的宽度
我试着用
window.innerWidth(true)
element.containerWidth
在JS中，但它返回的是主体的宽度，而不是内部元素的填充。
宽度: CSS中的100%。什么都不管用。
编辑:即使在使用outerWidth(true)之后，它也只接受可见区域，而不是总面积或可滚动宽度。如何获取可滚动宽度？
我的代码是
<script>
window.
浏览 0提问于2014-12-05得票数 0
嗨，非常快速的问题，我如何获得一个元素#foo的outerWidth()与jQuery？
一个问题是，这是嵌套在$("a.preview")函数中的，但是我需要获得ID的宽度，而不是类 #preview。
while ((left + 400) > window.innerWidth){
left -= 400 + #preview.outerWidth();
}
浏览 7提问于2011-04-12得票数 2
回答已采纳
1回答
我编写了一个改变slidebar的代码，我想对它进行改进，所以当用户保持单击时，它一直在移动。我在这个网站上使用不同问题的帮助编写了这段代码。我的问题是它会陷入无穷无尽的循环。
// The right button in the slidebar moves it to the right
var mouseStillDown = false;
function shiftToRight() {
if (!mouseStillDown) { return; }
var cur = ($('#slideBar').position().left - $(&#
浏览 3提问于2014-02-20得票数 0
回答已采纳
问题：最初的日历宽度设置为与输入字段相同。但是，一旦单击prev/next按钮(以更改月份)，日历宽度将重新调整。
可能的解决方案:使用类似于此的onChangeMonthYear函数的，但它不起作用：
onChangeMonthYear: function() {
$('#ui-datepicker-div').outerWidth($('#thedate').outerWidth());
}
HTML:
<div class="box">
<input id="thedate" type="
浏览 0提问于2018-03-24得票数 4
回答已采纳
我有一个网站的问题，滚动条被各种模态禁用，导致网站百分比改变时，模态是活跃的。
如何在没有滚动条的情况下使用html宽度对站点进行编码以生成整个布局？然后，当模式处于活动状态时，不会进行CSS重新计算。
下面是我使用的代码：
$(function() {
$("html").css({
"width": outerWidth()
});
});
但我认为…的语法有问题
浏览 0提问于2014-07-18得票数 1
3回答
我有这个变量
var item_width = $('#slides li').outerWidth();
并希望将其修改为也包含#slides2 li。我是否必须编写两个var并在各自的函数中使用它们，或者有没有一种方法可以在一行中包含这两个ID？
我这样做是因为我有两个div(切换)，其中包含两个不同的幻灯片carousel，并试图尽可能多地共享脚本。
//编辑以进行外推//
我遗漏了一些简单的东西，我就是知道。第一个div可以工作没有问题，第二个不能工作。我应该使用类来代替吗？(这可能是一个愚蠢的问题，但我对JS非常陌生)
有相当多的代码，我不能让jsfiddle工作，
浏览 4提问于2012-09-06得票数 0
回答已采纳
2回答
可滚动选项卡按钮
、、
我正在准备一个选项卡数量未知的表面板(动态出现)。因此，我提供了一个导航，如果有更多的选项卡比屏幕大小的allow.To可以做到这一点，我使用样式margin，因为我不想使用固定的宽度。但问题是，我不能一次移动一个标签，点击左/右箭头。目前，我是移动20px在一个单一的点击，这是不准确的。
我肯定我遗漏了什么东西，但我找不到。有人能帮忙吗？
任何替代的解决办法也是受欢迎的。
这是。
浏览 3提问于2015-02-17得票数 7
回答已采纳
1回答
在将jQuery UI对话框弹出到选项卡视图上时，我遇到了一个问题，该选项卡视图包含三个浮动面板(Div)。代码如下所示
<body>
<div id='dialog'>My Dialog</div>
<div id='mytabs'>
<ul><li><a href='#tabA'>Tab A</a></li><li><a href='#tabB'>Tab B</a></li>
浏览 2提问于2012-07-13得票数 2
回答已采纳
3回答
HTML：
<div class="parent">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
jQuery
parentWidth = $(".parent").outerWidth(true);
oneWidth = $(".parent .one").out
浏览 0提问于2010-01-25得票数 2
回答已采纳
正如标题所暗示的那样，我尝试从字符串的末尾删除字符，直到字符串的宽度与父元素的宽度匹配。
以下内容似乎不起作用。
var $list = $('#market_update_content').find('li'),
$i = $list.length,
$listWidth = $list.outerWidth(),
$listWidth = 200;
whil
浏览 4提问于2011-02-24得票数 0
回答已采纳
2回答
我做了一个噩梦，试图让一个插件使用我的脚本。
在页面加载上，jQuery选择器似乎没有看到我的div，因为什么都没有发生。
它应该是一列简单的图像，可以在左右滚动。
我已经把我所有的代码放在一个页面上了，如果有人对出错的地方有任何建议的话，我会非常感激的！谢谢!
值得注意的是，控制台也不会抛出错误。
浏览 5提问于2012-09-11得票数 0
我正在努力学习的是如何从画布之外的不同的directions...that是左，右，上，下。
For (i = 0; i < 10; i++) {
ctx.beginPath();
ctx.arc(Math.random()*Window.outerWidth, Math.random()*Window.outerHeight 30, 0, 2 * Math.PI, false);
ctx.fillStyle = 'black';
ctx.fill();
ctx.closePath();
}
所以基本上想象一下，物体出现在画布屏幕的
浏览 0提问于2015-10-18得票数 2
3回答
我的代码是这样的
//css
li{display:inline-block}
//html #li margin and width are dynamic
<ul>
<li style='margin:30px;width:100px;'>Pic</li>
<li style='margin:40px;width:200px;'>Pic</li>
<li style='margin:10px;width:500px;'>Pic</li>
<li sty
浏览 0提问于2010-03-09得票数 12
回答已采纳
我有个问题。我正在使用Bounce.js创建漂亮的菜单动画(具有一些很酷的效果)。使用css关键帧动画的Bounce.js，重新启动可能会有问题。我得到了菜单，当我点击一个按钮时，当添加.show类时，它应该会触发显示动画。但当我再次按下该按钮时，隐藏类应该与隐藏动画一起添加(这只是前一个动画的反向版本)。
Js正在工作(类的添加和删除都是正确的)，但是动画只触发一次-并且没有隐藏动画(菜单元素只是消失而不是动画本身)。
浏览 8提问于2016-06-27得票数 0
3回答
这里有两列，如下所示
.left_inside_tab{ float: left; padding-left: 25px; width: 45%; }
.right_inside_tab{ float: right; width: 45%;}
我试着像这样得到宽度
console.log ($('.left_inside_tab').width());
console.log ($('div.left_inside_tab').width());
两者都给了
45作为结果。问题是45不是以像素表示的百分比
我做错了什么？
问候
浏览 1提问于2011-07-12得票数 0
回答已采纳
1回答
每当用户调整可调整大小的文本区域时，我都会尝试检测。
我试图用这段代码来完成它，但是它不起作用：
$('textarea.note').bind("resize", function(){
alert("resize!!!!!");
})
我不想用任何计时器和循环..。救命！？
浏览 2提问于2013-08-23得票数 5
回答已采纳
1回答
文本框后面的标签
、、
我使用下面的示例在textbox的背景中显示文本。它也运行得很好。
问题：
我想用来增加文本框。该框看起来像是展开的，但在键入时，实际大小并未展开。我想输入600px的文本。
吉萨。
浏览 2提问于2010-05-18得票数 2
回答已采纳
1回答
我正试图为我的标签容器开发一个调整大小的函数。但标签的总宽度因字符渲染而异，我猜。在下面的示例中，所有容器的标签总宽度相对相同。但像素的差异接近25。
我在容器属性中有一个px padding-left。这就是我从1开始变量的原因。同时，标签的margin和border属性有1px值。这就是为什么我要得到.outerWidth()才能拥有所有的东西。
我如何才能得到标签宽度的精确和，因为它们出现在屏幕上？换句话说，做i == ii的正确函数是什么？
var i = 1, ii = 1;
$('#tagcontainer1').children(&#
浏览 5提问于2014-11-18得票数 2
回答已采纳
1回答
我正在用D3.js创建一个可视化：
在该代码中，我创建了一个SVG元素，并使用以下行设置了大小：
var chart = d3.select("body")
.append("div").attr("class", "chart")
.append("svg")
.attr("width", outerWidth) // outerWidth = 960
.attr("height", outerHeight) // outerHeight = 500
.app
浏览 1提问于2015-05-07得票数 1
回答已采纳
这是关于“重新排序列表元素- jQuery?”的问题。已经问过
现在我想走得更远一点。我想做的是，我只是想为电子商务建立一个比较产品项目。
所以，在这里，我发现重新排序一个列表项目。但我想在每个列表项目中添加两个按钮，名为“左”和“右”，尽管在这里我只显示了一个按钮，即“右”。在单击“右”按钮时，"data-sortby“值将更新为+1，列表将向右移动，即在下一个位置，下一个定位的列表项将重新排序到它以前的位置。在短时间内，李项目并排移动。
所以HTML如下所示:只添加按钮
<ul id="ulName">
<li data-sortby="1
浏览 2提问于2015-04-10得票数 0
2回答
我需要动态地调整我的下拉菜单主导航栏的大小，以便它可以适应导航菜单项名称中不同长度的字符。下面是我到目前为止的代码：
$(document).ready(function(){
var wNav = $("#navigation").outerWidth();
var wLiTotal = 0;
$("#navigation>ul>li").each(function(){
wLiTotal += $(this).outerWidth();
浏览 3提问于2012-08-01得票数 1
回答已采纳
我有一些动态生成的HTML：
<label class="passiveText smallText" title="Name: Smith, John , Occupation Code: BA81, Occupation
Description: BUSINESS SYSTEMS M" rel="tooltip" style="margin-top:10px; width:80%; text-decoration:underline;
color:#009245;" containeridx="0"
浏览 2提问于2014-02-21得票数 0
1回答
我在我的网站上有一个模式弹出功能，但我不希望这个运行，如果浏览器小于480px。我发现如果我放一个if语句，比如：
if (window.innerWidth && window.innerWidth > 480) {
run function()
}
那么它应该只在浏览器innerWidth >480时运行。然而，它不工作，我认为这是因为我在这个网站上的页面缩放。如果页面缩放是打开的，有人能帮我写一个条件语句吗？谢谢。
浏览 0提问于2010-04-24得票数 1
回答已采纳
1回答
溢流物宽度
、、
我正在开发一个标签滚动器，如果有更多的标签比当前包含div的标签更多的话，用户就可以在标签的左边或右边滚动。我的计划是将组件div设置为溢出:隐藏，这样标记(及其父div)就不会包装。然后，我将有左右箭头，将标签包装在左边或右边的动画。
我需要确定标签包装器的宽度是否大于标签扫描辊本身。如果是这样的话，那么我知道标签滚筒中的标签太多了，我应该让箭头可见，这样用户就可以点击滚动并查看更多的标签。但是，布局和一切看起来都与预期的一样，但是我的问题是，使用$(‘..tag包装’).width()；总是返回一个不同的值，取决于窗口的宽度，这不应该是这样的，因为实际的内容并没有改变。如果屏幕足够宽，我可
浏览 2提问于2016-01-04得票数 1
回答已采纳
编辑以使问题更加简洁.
我是否可以在outerWidth()方法中使用.css()值来将"#item“的位置偏移两倍于其宽度。
例如：
$("#item").css("left", - (2 x outerwidth(this)));
这个被接受的答案，很大程度上是指我最初提出的(更复杂、更宽泛)的问题，它包含了我正在开发的一套更广泛的功能。
elem.css('left', $(window).width()+'px');
这适当地移动了元素，而不依赖于outerWidth()值。
浏览 4提问于2012-07-26得票数 1
回答已采纳
2回答
我一直在使用joomla name cloud zoom的插件，这是一个插件，它为我们的图库提供了创建图像放大效果的能力，当你将鼠标悬停在这个链接上时，它可以完美地工作在几乎所有的浏览器上，但在IE9中，问题是当你将光标移动到图像的右侧时，它无法查看完整的图像，当你向下移动它时，它将无法移动到它的边缘。我认为这是一个javascript问题，但不知道从哪里开始。
浏览 0提问于2012-12-20得票数 0
回答已采纳
我在使用Bootstrap的响应网格布局。我需要调整页面上的一个点，这样两列之间就没有边距了；左列有一个底部边框，我需要将其右移到右列的左边框。
如何扩展div以补偿删除右边界div的左边距？
我能做的事：
我能够动态地设置左div的高度以将底部边框降到我想要的位置：$('#indented_block .border-bottom').height( $('#indented_block').height()-3 );
我能够确定左div：$('#indented_block .border-bottom').width()的原始宽度
浏览 1提问于2013-02-11得票数 0
回答已采纳
1回答
当宽度超过770 to和低于1024 to时，下面的行将运行它内部的函数--问题是，如何将滚动条的宽度包含到其中？
if (width < 1024 && width > 770) {}
我已经尝试过没有希望地实现window.pageXOffset或window.innerWidth了！
浏览 10提问于2014-02-21得票数 0
回答已采纳
1回答
下拉到RTL的页眉外
、、、、
我在下面的jQuery代码中使用了停止下拉到头外的代码。它在正常的LTR版本中工作得很好。
但是，--我想解决RTL版本的问题。，我怎么做？
jQuery
$('.primary-menu .dropdown-menu').each(function() {
var menu = $('#header .header-row').offset();
var dropdown = $(this).parent().offset();
var i = (dropdown.left + $(this).outerWid
浏览 6提问于2021-12-13得票数 0
回答已采纳
1回答
所以我有一个div wrap，它的大小是屏幕宽度的百分比。在这个wrap中有多个.item divs。当窗口变小时，它显然会分成新的行。
我写了一些代码，基本上是将wrap的width除以.item框的宽度之和。但它的缺点是，它会考虑总共可以容纳多少个盒子，如果一个盒子像积木一样完美地混合和匹配，但这不是它的工作方式，因为排序停滞不前。
我怎么才能让这个逻辑起作用呢？
jQuery：
var itemWidth = 0;
var lineCount = 1;
$(window).on('resize', function(){
var lineWidth = $(&#
浏览 14提问于2017-07-20得票数 0
1回答
我有HTML，比如：
a#clickme{width:20px; height:20px; background:#444; cursor:pointer;display:block; text-indent:-9999px}
div.mydiv{width:200px; height:200px;border:2px solid #666; position:fixed; left:-200px}
<a id='clickme' href='#'>Click Me</a>
<div class='mydiv'&g
浏览 4提问于2014-04-06得票数 1
回答已采纳
4回答
目前，我已经手动设置了每个变量，尽管我希望它能自动完成此操作。
这是我当前的代码：
var homePos = $('#btn_home').offset();
var homeWidth = $('#btn_home').outerWidth();
var homeArrow = homePos.left + ( homeWidth / 2) - bodyWidth / 2;
var serverPos = $('#btn_server').offset();
var serverWidth = $(&
浏览 0提问于2013-06-19得票数 0
回答已采纳
我有以下元素。
var e=$('<span/>', {"class":'someClass',text:'Hello'});
我希望得到它的外部宽度。似乎我不能只使用e.outerWidth()，因为它需要首先写入屏幕。对，是这样?
所以，现在真正的问题是。如果文本是"Goodby“，我希望知道外部宽度，而不是使用文本"Hello"，这将如何实现？
谢谢
浏览 0提问于2012-11-03得票数 2
回答已采纳
当我点击到我的网站时，它会正确地打开<#>in Google 。
当我命令-单击链接，在后台打开一个新的选项卡时，页面似乎会加载(正确的图标、加载栏等)。但是它只是新选项卡中的一个blank页面。
在绘制页面之前，浏览器就好像是的waiting，而这些东西永远不会出现。
我在<#>macOS 11.1上，使用Google Chrome 87.0.4280.88。
我试图解决这个表面上微不足道的问题，因为有几个人抱怨说，Facebook链接到我们的网站是一个空白页面。
罪魁祸首似乎是在<#>unfocused窗口中引用窗口、过宽而导致的Chrome缺陷。
浏览 0提问于2020-12-20得票数 4
回答已采纳
有一个脚本可以根据用户的监视器屏幕分辨率更改页面模板。但是，它在IE中不起作用。请告诉我如何修理它。
<body>
<table id="mt" align="center" >
<tr>
<td colspan=3 id=top>{{head}}</td></tr><tr><td id=t1> </td><td id=t3> </td><td id=t2> <
浏览 0提问于2011-05-11得票数 2
回答已采纳
3回答
CSS -盒模型宽度
、、、
根据方框模型，元素的总宽度为=内容宽度+边距+填充+边框。
如果您定义了div元素，并添加了width=200、margin=3px、border=4px和padding=1px。然后在使用$('div').width()查询JS代码时，根据公式返回200而不是宽度。
浏览 0提问于2014-09-22得票数 1
回答已采纳
1回答
嗨，我有一些像这样的元素：
<div id="one">content</div>
<div id="two">content</div>
以及相应数量的元素(没有任何父元素，它们紧跟在body标记之后)，它们具有：
position: absolute;
有了这样的id：
id="helper-one" refers to id="one"
现在我想把第二组元素精确地放在引用元素的中间(垂直和水平)，我该怎么做呢？
我尝试过使用offset：
var one_offset
浏览 0提问于2012-01-30得票数 2
回答已采纳
2回答
我可以使用以下代码将div设置为按钮的顶部和左侧位置：
var p = $("#tag-add");
var offset = p.offset();
$("#TagModal").offset({ top: offset.top, left: offset.left})
输出：
但我想将div设置为按钮的右下角：
怎么做？
浏览 1提问于2015-12-14得票数 1
回答已采纳
1回答
我为购物站点修改了jquery缩放和旋转木马模块，这个模块工作得非常好(某种程度上)，但如果列表项为6或更多，则旋转木马可以正常工作。如果旋转木马中有5个条目，则会出现两个问题：
左右滚动按钮停止工作，-> 1看不到第6项。
旋转木马项目的整个列表没有正确排列。他们都在滚动线下面倾斜。
如果列表中有4项，那么我们并不期望左、右滚动能正常工作，但它们仍然没有正确排列。
我就是搞不懂到底是怎么回事。我已经用7个条目创建了。如果您删除<ul class=list-h> <li>...下的一个项，您将看到问题。任何帮助都是非常感谢的。如果你能让它正常工作，
浏览 2提问于2015-05-16得票数 1
2回答
媒体查询不能正常工作
、、、、
我正在尝试使用媒体查询来设置规则：
@media screen and (min-width: 1920px){
#dados_contato_rodape p{
font-size: 5.5em;
border: 1px solid yellow;
}
}
但这种格式仅适用于屏幕宽度为1930px或更大的情况(在Chrome的插件响应工具中测试)。
我的viewport标签是：
<meta name = "viewport" content = "width=device-width, maximum-scale
浏览 1提问于2013-05-01得票数 0
在chrome中打开控制台(尽管如此)并在innerWidth + "|"+outerWidth + "|" + screen.width中复制，对于我来说，这将返回2133|1920|1920，显然innerWidth大于outerWidth.似乎这还不够奇怪，接下来我尝试在firefox中运行这段代码，它返回1920|1936|1920。显然，我的outerWidth大于我的屏幕大小。(所有屏幕通常都是最大化的)。奇怪的是，在“普通”页面上运行相同的代码(而不是堆栈溢出)会在chrome中返回1920|1920|1920，但是火狐仍然坚持我的outerWid
浏览 3提问于2014-03-18得票数 10
回答已采纳
我有一个弹出窗口，弹出在<th>的正下方，这样它看起来就像<td> (不要问为什么)。在1024 *760上，它与表格标题单元格的宽度相同，但在1280上，它不是那么宽。我如何编写脚本来确定我的<th>的宽度？(我使用的是jQuery。)
编辑：
<th id="telephoneTH" width="25%" >
<span id="telephoneSpan" class="headerShortDetails">Telephone</span><
浏览 1提问于2011-03-07得票数 0
回答已采纳
1回答
问题计算表滚动条位置
、、、
因此，我有一个脚本，它可以根据滚动条的位置向表格边缘添加一个轻微的阴影，但有时它不起作用。
这是其中的一部分：
$('table').on('scrollstart scrollstop', function(){
if($(this).parent().hasClass('table-wrap')){
var elem = $(this),
elemBody = elem.find('tbody'),
elemParent = elem.parent('.table
浏览 2提问于2017-03-25得票数 0
我想知道是否有一种很好的方法来定位FullCalendar事件，就好像它们在向左浮动一样。在填充可用的水平空间后，它们将垂直堆叠。这看起来没问题，因为事件也将被限制为10px x 10px大小。
我知道我需要更改left:和top:的CSS属性。
而不是这样：
======== ->Event
======== ->Event
看起来是这样的：
- ->事件^事件
我可以在哪里修改FullCalendar.js？
浏览 0提问于2013-02-27得票数 0
2回答
我试图将我的工具提示气泡居中，但没有成功：(我猜解决方案很简单，但我就是不能实现它。有人能帮帮我吗？谢谢！！
我的代码：
$(document).ready(function(){
$(".menu .a").hover(function() {
var checkWidth = $(this).outerWidth() - $(this).outerWidth()/2;
$(this).next("em").css({left:checkWidth}).animate({opacity: "show"}, "slow")
浏览 1提问于2012-07-20得票数 3
回答已采纳
我使用的是Cycle Slider Carousel ()，根据屏幕大小的不同，我必须从5更改为3，然后显示1张幻灯片( carousel-visible选项)。
我知道如何通过查看页面宽度来触发函数在低于阈值时更改它，但是我可以调用什么函数来更改所显示的幻灯片数量呢？
浏览 24提问于2016-08-09得票数 0
回答已采纳
1回答
在我们正在创建的产品中，有一项功能在Chrome中无法完美运行，除非您达到100%缩放。Chrome并不是我们产品的主要目标，我们期望不到5%的用户使用它，所以我们不能为缩放的Chrome (我们预计Cuser的用户比例很低)分配大量的时间来修复这个功能。
该功能是一个滚动小部件，它一次显示一个项目列表的有限视图。在FF，IE和100%缩放Chrome，它滚动一个项目每点击左或右箭头。在不是100%缩放的Chrome中，它每点击一次将.5滚动到1.5个项目。
我们还在Chrome中发现了一些与100%不同的缩放级别的小图形故障。
在我们的测试中，我们发现Chrome在进入我们的站点时有时会改变
浏览 3提问于2013-03-29得票数 3
回答已采纳
为什么这个简单的功能：
$(document).ready(function() {
$('input:not([type="checkbox"], .button, .noanimate)').focus(function() {
$(this).stop(true, true).animate({
width: $(this).width() + 50,
}, 300);
});
$('input:not([type="checkbox"], .button, .noanimate)
浏览 3提问于2013-09-17得票数 1
回答已采纳
我需要获得一个DIV-Container的CSS值宽度。然后我将这个宽度值除以245px。
伪代码：
var articles = "#showroom ul" css width / 245px
浏览 4提问于2010-11-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
