开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Jquery .offset().left有时返回正确的值，有时返回0

Jquery是一种流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果等操作。.offset().left是Jquery中的一个方法，用于获取元素相对于文档左边缘的偏移值。

在某些情况下，当使用.offset().left方法时，可能会出现返回正确值和返回0的情况。这可能是由于以下原因导致的：

元素尚未加载完全：如果在DOM加载完成之前尝试获取元素的偏移值，可能会返回0。这是因为在元素加载之前，它的位置信息是不可用的。为了解决这个问题，可以确保在获取元素偏移值之前，等待DOM加载完成。
元素隐藏或不可见：如果元素被设置为隐藏或不可见，.offset().left方法可能会返回0。这是因为隐藏或不可见的元素在页面布局中没有占据空间，因此无法正确计算其偏移值。要解决这个问题，可以确保元素在获取偏移值之前是可见的。
元素定位方式不正确：如果元素的定位方式不正确，.offset().left方法可能会返回0。例如，如果元素使用了相对定位而不是绝对定位，它的偏移值可能会不正确。要解决这个问题，可以检查元素的定位方式，并根据需要进行调整。

总结起来，当使用Jquery的.offset().left方法时，如果返回0，可能是因为元素尚未加载完全、元素隐藏或不可见、元素定位方式不正确等原因导致的。在使用这个方法之前，需要确保元素已加载完成、可见，并且使用了正确的定位方式。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
云存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tencentblockchain

相关搜索:cmpeqpd有时会返回错误的值 DOMDocument有时会返回纠缠的字符 Get-ADUser (有时不返回结果)基于属性值的设置方式 getAdapterPosition有时会返回错误的值 Input Checkbox + DataTables + Jquery有时返回"on“而不是输入值 jquery prop返回NaN，但attr返回正确的值 Microsoft Cognitive Video人脸跟踪API有时返回奇怪的结果 PHP Laravel - Eloquent在调用方法json时随机返回布尔值字段，有时返回0，有时返回1，有时返回true，返回false While循环有时返回未定义的 XSL FO有时返回hashtag，而不是所需的unicode字符

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Winform 中 DesignMode 返回值不正确的问题。

本文转载：http://blog.csdn.net/sabty/article/details/5325260 以前也曾遇到这样的问题，不过影响不大也没有去详细了解。今天又重新遇到此问题，实在太不便。...经查证这是 Visual Studio 2005 的 Bug。微软对此的 Bug 描述：http://support.microsoft.com/?...解决方法：在你的 Form 控件中重写 DesignMode 属性，代码如下： [c-sharp] view plaincopyprint?.../// /// 标题：获取一个值，用以指示 System.ComponentModel.Component 当前是否处于设计模式。...(DesignMode,Designtime,构造函数,Load) 在设计自定义控件时，经常需要在构造函数或者Load事件中添加初始化代码，但是这些代码在进入窗体设计也会被执行，造成了设计窗口出现异常的情况

1.6K1 0

【error】jQuery ajax请求错误返回status 0和错误error的问题： ajax error:{readyState:0,status:0,statusText:er

【error】jQuery ajax请求错误返回status 0和错误error的问题： ajax error:{"readyState":0,"status":0,"statusText":"error..."} 异常描述：第一次ajax，后台都没问题，但是却进入error方法，错误码0，错误信息error。...解决方法：将button的type从submit改为button，因为submit会默认提交表单，而点击事件又绑定ajax，于是ajax请求就被cancel了。...form-control col-sm-5" id="form-password"> <#--将button的type

3.1K2 0

storageemulated0路径下的File.listFiles返回值为null

回值为null 前言为了获取Android手机中某个文件夹下的所有文件夹或文件，我们利用File类的listFiles方法，但是，有些文件路径下明明有子文件，可是该方法总是返回null值。...比如Android虚拟机中的storage/emulated/0路径下明明有子文件，但是，listFiles却返回null。...getAbsolutePath(); File DirOrFile=new File(path ); File[] files = DirOrFile.listFiles(); 二、但是，以上代码会返回...null值，此时，打开Android studio的build.gradle(Module.app)文件，将其中的targetSdkVersion修改为22（小于23即可），不必管它是否报错，直接点击提示的...【Sync Now】三、完成之后，再将targetSdkVersion修改回您原先的版本号即可解决问题（我也不知道发生了什么神奇的事情，但是，这样就是解决了）

1.4K2 0

一道正确率只有15%的命名返回值和闭包的问题

今天新注册了twitter，在里面没事瞎逛的时候，发现了一道有意思的题，他是由Redhat的首席工程师、Prometheus开源项目维护者 Bartłomiej Płotka 发出的，经调查显示，这道题的正确率只有...这道题考查的点就是命名返回值+闭包，把上面的代码换成等效的匿名返回值代码你就明白了： func aaa() (func(), error) { var done func() done = func...done() } return done, err } func main() { done, _ := bbb() done() } 这其实是Go语言设计上一个feature，当Go语言的返回值赋给我们特殊的..."返回参数"时，如果它们被命名了，在return之后，我们可以在函数主体完成后的任何执行过程中引用那些带有这些名称的值，在defer或闭包中一样。...我们在说回这道题，在bbb()函数内我们使用了命名返回值done func(), _ error，使用短变量声明done, err := aaa()接收aaa()的返回值，这里变量done并不是一个新变量

5292 0

高德地图AndroidSDK错误码返回值为32解决办法(暨如何获取SHA1值的正确方法)

输入密钥后回车（如果没设置密码，可直接回车），此时可在控制台显示的信息中获取 Sha1 值说明：keystore 文件为 Android 签名证书文件。...我输入keytool -list -v -keystore debug.keystore 获取SHA1后配置的Key，在自己的demo里运行没问题，结果整合到项目里错误码却总是返回 32，百思不得其解。...后来从网上找到了这个获取当前应用SHA1值得方法，得到的SHA1和我用以上方法得到的居然不一样！拿这个值去官网配置Key后定位就没问题了！...i < publicKey.length; i++) { String appendString = Integer.toHexString(0xFF & publicKey[...toUpperCase(Locale.US); if (appendString.length() == 1) hexString.append("0"

1.5K2 0

获取可视区域高度赋值给div（解决document.body.clientHeight的返回值为0的问题）

获取可视区域高度赋值给div（解决document.body.clientHeight的返回值为0的问题）设置html,body{height:100%} 在使用html5文档类型的时候，设置了html...charset="UTF-8"> 弹出层自定义（自动获取高度） *{margin: 0;padding: 0;}....LoadDiv{margin: auto; text-align: center;vertical-align: middle;position: absolute;top: 50%; left...DOCTYPE html>声明下会返回0 alert(body_height); Load.style.height

2K10 0

获取可视区域高度赋值给div（解决document.body.clientHeight的返回值为0的问题）

获取可视区域高度赋值给div（解决document.body.clientHeight的返回值为0的问题）设置html,body{height:100%} 在使用html5文档类型的时候，设置了html...charset="UTF-8"> 弹出层自定义（自动获取高度） *{margin: 0;padding: 0;}....LoadDiv{margin: auto; text-align: center;vertical-align: middle;position: absolute;top: 50%; left...DOCTYPE html>声明下会返回0 alert(body_height); Load.style.height

2.6K5 0

jQuery源码解析之offset()

一、offset() 作用：返回被选元素相对于文档（document）的偏移坐标二、三种情况使用： 1、$().offset() </...// 同理，也无法取得隐藏元素的 border, margin, 或 padding 信息 //所以如果元素是隐藏的，默认返回0值 // Return zeros for disconnected...2、$().offset({top:15,left:15}) $("#pTwo").offset({top:15,left:15}) 源码：当有参数的时候，就会走 if 中，通过jQuery.offset.setOffset...) + curTop; } //如果传的参数的有left值 if ( options.left !...left 属性的值（2）返回一个对象 obj，obj 的 top 是参数的 top - 默认偏移（offset）的 top + position 设置的 top（没有设置，默认为0），obj 的 left

1.2K1 0

jQuery源码解析之position()

src="jQuery.js"> 这是divTwo $("#pTwo").position() //{top: 0, left...、top的值就是相对于父元素的偏移坐标 // 源码10571行 // position() relates an element's margin box to its offset parent's...parentOffset = { top: 0, left: 0 }; // position:fixed elements are offset from the viewport...top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ), left: offset.left...== elem && offsetParent.nodeType === 1 ) 是要减去border属性的值的 parentOffset.top += jQuery.css( offsetParent

5961 0

每个程序员都会的 35 个 jQuery 小技巧

收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发....你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件。...-- Create an anchor tag --> Back to top 改变 scrollTop 的值可以调整返回距离顶部的距离，而 animate 的第二个参数是执行返回动作需要的时间...预加载图片如果你的页面中使用了很多不可见的图片（如：hover 显示），你可能需要预加载它们： $.preloadImages = function () { for (var i = 0; i...禁用 input 字段有时你可能需要禁用表单的 submit 按钮或者某个 input 字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。

4.4K1 0

jQuery源码解析之width()

css 属性的值 //获取该DOM元素的所有css属性的值 //源码6501行 var getStyles = function( elem ) { // 兼容性处理，旨在拿到正确的...// 兼容性，IE下返回的zIndex的值是数字， // 而使用jQuery获取的属性都是返回字符串 // Support: IE <=9 - 11 only //...1 : 0, extra = 0, delta = 0; // 如果 boxSizing 的属性值，而不是 borderBox 的话，就直接返回 0 // Adjustment.../小技巧 //i 的初始值是 0/1 //然后 cssExpand = [ "Top", "Right", "Bottom", "Left" ] for ( ; i < 4; i...//(0,55-(-4))+'px' //Math.max(a,b) 返回两个指定的数中带有较大的值的那个数 // Guard against undefined "subtract

3.1K2 0

程序员都会的 35 个 jQuery 小技巧

收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发. 1....你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件。...-- Create an anchor tag -->Back to top 改变 scrollTop 的值可以调整返回距离顶部的距离，而 animate...的第二个参数是执行返回动作需要的时间(单位：毫秒)。...16.禁用 input 字段有时你可能需要禁用表单的 submit 按钮或者某个 input 字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。

2.6K0 0

收集的35个 jQuery 小技巧代码片段，可以帮你快速开发.

$(document).ready(function() { jQuery.preloadImages = function() { for(var i = 0; i<ARGUMENTS.LENGTH...|| $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset...获得鼠标指针ＸＹ值 $(document).ready(function() { $().mousemove(function(e){ //display the x and y axis...你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件 // Back to top $('a.top').click(function () { $(document.body...16.禁用 input 字段有时你可能需要禁用表单的 submit 按钮或者某个 input 字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。

5.4K2 0

jQuery 尺寸、位置操作

jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。语法  1.以上参数为空，则是获取相应值，返回的是数字型。...1.2. jQuery 位置操作 jQuery的位置操作主要有三个： offset()、position()、scrollTop()/scrollLeft() , 具体介绍如下: 语法 1. offset...() 设置或获取元素偏移 ① offset() 方法设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系。...② 该方法有2个属性 left、top 。offset().top 用于获取距离文档顶部的距离，offset().left 用于获取距离文档左侧的距离。...③ 可以设置元素的偏移：offset({ top: 10, left: 30 }); 2. position() 获取元素偏移 ① position() 方法用于返回被选元素相对于带有定位的父级偏移坐标

1.1K2 0

04-老马jQuery教程-DOM节点操作及位置和大小

props:用于附加到新创建元素上的属性、事件和方法返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("Hello</...返回值：返回当前的jQuery包装对象。...返回值：Object{top,left} 返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。...("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); // 结果...: // Helloleft: 0, top: 35 // 设置最后一个段落的top和left值 $("p:last").offset({ top: 10, left: 30

2.2K9 0

04-老马jQuery教程-DOM节点操作及位置和大小

props:用于附加到新创建元素上的属性、事件和方法返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("Hello</...返回值：返回当前的jQuery包装对象。...返回值：Object{top,left} 返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。...("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); // 结果...: // Helloleft: 0, top: 35 // 设置最后一个段落的top和left值 $("p:last").offset({ top: 10, left: 30

6.1K0 0

Javascript即将到来的3个新特性

() //{top: 0, left: 8} // 返回被选元素相对于父元素（parent）的偏移坐标 // 可以理解成被选元素设置为absolute，...// 然后设置left、top的值就是相对于父元素的偏移坐标 // 源码10571行 // position() relates an element's margin box...this[ 0 ] ) { return; } var offsetParent, offset, doc, elem = this[ 0 ],...parentOffset = { top: 0, left: 0 }; // position:fixed elements are offset from the viewport...()，即获取某个元素相对于视窗的位置 if ( jQuery.css( elem, "position" ) === "fixed" ) { // Assume position

2993 0

jQuery

元素，返回包含所有的 DOM 元素的 jQuery 对象param 是 DOM 元素：将 DOM 元素对象包装成 jQuery 对象返回(this)param 是标签字符串：创建标签 DOM 元素对象并包装为...:lt 匹配所有小于给定索引值的元素 :gt 匹配所有大于给定索引值的元素 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :not(.../ jQuery代码 var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " +...offset.top ); 运行结果 Hello left: 0, top: 35 position() Hello 2nd Paragraph...$("li").has("ul").css("background-color", "red"); 2.查找查找 jQuery 对象内部的元素的子孙/兄弟/父母元素, 并封装成新的 jQuery 对象返回

10.8K2 0

js 自动补全

// 表示他最大的值 var thisCount =0;// 初始化他框的位置 var flagThis = 0; var flag = 0; //标示是否选择自动补全 //自动补全方法 function...("#"+id).val();//这里是取得他的输入框的值 if (txt !...= jQuery("#"+id).offset();//offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。...jQuery("#autoTxt").css("left", offset.left + "px"); var Candidate...= ""; maxcount = 0;//再重新得值 var list=eval(ls);

4.1K4 0

jQuery基础

中each静态方法和map静态方法的区别 1.each静态方法默认的返回值就是，遍历谁就返回谁 map静态方法默认的返回值是一个空数组 2.each静态方法不支持在回调函数中对遍历的数组进行处理...如果是获取：无论找到多少个元素都只会返回第一个元素指定的属性节点的值如果是设置：找到多少个元素就会设置多少个元素如果是设置：如果设置的节点不存在...，系统会自动新增,全部新增 2.prop的作用和attr相似区别:当判断控件是否被选上时,attr只能返回该属性值,而prop返回true或者false 示例 <...console.log($(".son").offset().left); //position():获取元素与定位元素的偏移位...//offset():设置元素距离窗口的偏移位 $(".son").offset({left:20}); //position

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭