Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery宽度为0

jquery宽度为0
EN

Stack Overflow用户
提问于 2013-07-26 11:01:53
回答 2查看 156关注 0票数 0

jquery函数宽度()总是返回0。这是我的布局

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="entity" id="id-@user.id">
   <div class="inactive">
      <div class="touch-header">                                               
         <div>
            <small>@user.name<br>@user.surname</small>
         </div>

         <div role="button" data-toggle="modal" id="home_office_id-@user.id" class="home_office_log pull-right" style="margin-top: -2.2%;text-align:center; margin-right: 2px;opacity: 0.8;width: 50px; height: 50px;position: absolute; margin-left: 4.9%;z-index: 1;">
           ...
         </div>
      </div>
   </div>
</div>

然后,我有javascript代码,我希望通过动画方法将标记< small> < /small>的内容移动到div class=“实体”的中间。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var lab = $('div.entity#id-' + userId).children().
        children().children().children('small');                         
lab.css('position', 'relative').animate({
    left: $('.entity#id-'+userId).width() - lab.width() / 2 - 15
}, 500);

但在这两种情况下,函数width()都返回0。我能做什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-29 00:17:24

问题解决了,这一切都是以克隆的形式生成另一个页面到不同的选项卡,所以即使布局只生成一次,jquery对象也被两次创建到DOM中。该选择器返回两个对象,但其中只有一个正确地设置了宽度属性。无论如何,谢谢你的回复,特别是@Juan

票数 0
EN

Stack Overflow用户

发布于 2013-07-26 11:11:30

尝试innerWidthouterWidth,它们实际上计算值,width AFAIK只返回CSS中的值。

票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17889006

复制
相关文章
JavaScript、Jquery获取屏幕的宽度和高度
在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight //网页可见区域高 document.body.offsetWidth //网页可见区域宽(包括边线的宽) document.body.offsetHeight //网页可见区域高(包括边线的高) document.body.scrollWidth //网页正文全文宽 document.b
德顺
2019/11/13
5.3K0
使用ZXing生成二维码,可设置中间icon,边缘白色宽度为0
import android.graphics.Bitmap; import android.graphics.Matrix; import com.google.zxing.BarcodeFormat; import com.google.zxing.EncodeHintType; import com.google.zxing.WriterException; import com.google.zxing.common.BitMatrix; import com.google.zxing.qrcod
Xiaolei123
2018/06/28
8300
CCLabelAtlas的宽度为奇数时的显示bug
遇到一个很郁闷的bug,CCLabelAtlas设置文字内容在ipad上和android上正常,就只有iphone怎么显示都不正常。后来把它宽度 + 1,然后就正常了。发现以前宽度设置为21px、23px都有问题,+1px变为22px就正常了
meteoric
2018/11/19
5860
最大宽度最小宽度
    css3又加入了min-width,min-height,max-with,max-height等属性
十月梦想
2018/08/29
3.1K0
使用jquery判断是否为数字
说明: isNaN()函数,如果传入的参数是数字返回false,否则返回true
全栈程序员站长
2022/06/30
2.8K0
java Calendar 中设置时间为0点 0 分 0 秒
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139492.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/02
4.1K0
css初学 位置随机调整,为屏幕宽度的50%
<!-- .background { background-image:url('面向对象编程.jpg'); background-repeat:no-repeat; background-position:right top; margin-right:1000px width:2000px; padding:10px; margin:10px; z-index:-1;/*-1表示图片位置在文字的后面,即真的变成了背景,但是这里是多此一举,因为上面写了background-image*/ } #font { font-size:30px; } .table { width:20%; border:1px solid black; } #tabel_tr { vertical-align:middle; } #table_td_th { border:1px solid black; background-color:green; color:white; vertical-align:middle; padding:10px } #boeder { width:250px; padding:10px; border:5px solid gray; margin:10px; } #absolute { position:absolute; left:400px; top:500px; } #auto { margin:auto; width:50%; } #inline { display:inline; background-color:#dddddd; } -->
机器学习和大数据挖掘
2019/07/02
1.5K0
Easyui 修改jquery validatebox为英文校验提示为中文提示
测试环境 jquery-easyui-1.5.3 问题描述: 如图,想把校验提示由英文改成中文 解决方案 编辑jquery.easyui.min.js 文件,搜索以下内容, missingMessag
授客
2019/09/10
1.5K0
Easyui 修改jquery validatebox为英文校验提示为中文提示
XMLHttpRequest HTTP请求的返回码为0 http status = 0
由于用户在http返回前关闭/取消,或者防火墙等原因,会造成http请求没有status信息。w3c有相应的说明:http://www.w3.org/TR/XMLHttpRequest/#the-status-attribute 4.7.1 The status attribute client . status Returns the HTTP status code. The status attribute must return the result of running these step
用户1258909
2018/07/03
5.8K0
分页居中-圆角宽度自适应宽度(经典)
找到的作的不错,可错就是ie中“下一页”、“下一页”行高没有处理好! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/ht
deepcc
2018/05/16
2.6K0
jQuery序列化表单为JSON对象
<form id="myform"> <table> <tr> <td>姓名:</td> <td> <input type="text" name="name" /> </td> </tr> <tr> <td>性别:</td> <td>
代码伴一生
2021/09/19
8710
Oracle中ascii为0的陷阱
墨墨导读:本文来自墨天轮读者投稿,ascii0是个空字符,如果将这个字符插入到oracle数据库中会是什么现象,是null吗?
数据和云
2020/10/27
8210
Oracle中ascii为0的陷阱
open函数返回值为0
open函数是我们开发中经常会遇到的,这个函数是对文件设备的打开操作,这个函数会返回一个句柄fd,我们通过这个句柄fd对设备文件读写操作。
全栈程序员站长
2022/09/01
2.8K0
qtabbar设置不同宽度_华为最小宽度默认
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/09
2.8K0
qtabbar设置不同宽度_华为最小宽度默认
用jquery判断select option是否为空
$("select[name=country] option:selected").each(function(){
botkenni
2022/01/10
1.5K0
CSS侧边栏宽度不动(更改页面宽度时),内容区宽度自适应
一个页面,左栏是内容栏content,右栏是侧边栏sidebar。如何使侧边栏宽度不动(更改页面宽度时),内容区宽度自适应呢?为了保证内容区宽度自适应,先不设定其宽度,使其填充整个DIV区域,设定足够大小的右外边距,左浮动。侧边栏使用负margin,设置一定的负值左外边距,使其浮动到实现设定好的空白右外边距的地方。 <style> div#wrapper { margin:15px 0; overflow:auto; } div#content { float:left; margin-right:465p
欢醉
2018/01/22
3.5K0
数据宽度
数据宽度与上一个笔记的进制有很大关系。计算机不能无视大小存储一个数据,他需要一个容器来存放这些二进制数据 容器都是有大小的,超出这个容器计算机会舍弃这个二进制数的高位,进制篇说过,二进制数运算原理是转换成补码然后参与运算,同理。 假设一个容器有四位,这里只是假设,计算机最基本单位是byte 8位
用户7272142
2023/04/12
1.5K0
数据宽度
jQuery已“死”?为清除技术债,我们删掉了前端所有jQuery依赖
近期,英国公共部门信息网站 GOV.UK 前端开发主管 Matt Hobbs 宣布该公司删除了 jQuery 作为所有前端应用程序的依赖项,这意味着“在所有 13 个 FE 应用程序中,JS 大小减少了 32 KB(31% ~49% 之间)”。
深度学习与Python
2022/06/13
7970
jQuery已“死”?为清除技术债,我们删掉了前端所有jQuery依赖
为中标 5 家均报价 0 元 ???!!!
2021年11月2日,石家庄北国电子商务有限公司发布公有云服务采购项目招标公告。 项目概况:本次招标的内容是公有云服务。包括安全、网络、存储、数据库、服务器等五大类云资源产品,涉及DDos高防、安全管家、堡垒机、云安全中心(态势感知)、IPv6网关、VPN网关、NAT网关、CDN、负载均衡、云存储、云数据库、云服务器等10余项云产品。投标人须提供针对性的云平台运行安全、数据安全、网络隔离、高性能、高并发、大数据量、高弹性的云服务保障方案,协助打通招标人北国电商系统与公有云之间的物理通道,实现公有云与北国电商
云头条
2022/03/18
3.2K0
点击加载更多

相似问题

jQuery宽度()返回0

75

Jquery td单元格宽度始终为0

10

jQuery宽度为0%的CSS动画仍然可见

32

输入宽度为0

50

CSS,Jquery -绝对定位div的宽度返回为0

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文