zoukankan      html  css  js  c++  java
  • 使用jquery.offset获取元素的坐标时最好要事先定义宽高!

    我勒个去。。。害我查来查去都查不出原因出在哪。。。

    <!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/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    *{margin:0;padding:0;}
    #div1{width:656px;margin:50px auto;}
    #div1 img{float:left;/*164px;height:164px;*/}
    </style>
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
    $(function(){
        alert($('#div1').find('img').eq(3).position().left);    
    });
    </script>
    </head>
    
    <body>
    <div id="div1">
        <img src="1.jpg" />
        <img src="2.jpg" />
        <img src="3.jpg" />
        <img src="4.jpg" />
    </div>
    </body>
    </html>

    如果不事件定义好img的宽高的话,在一些浏览器中获取到的offset().left与offset().top值就会有差异,真是晕死啊,在使用原生的offsetLeft与offsetTop根本不存在这样的问题啊,唉,看来库这个东西使用时也得多多注意啊。。。

  • 相关阅读:
    Git的一些概念(二)
    Git安装(一)
    版本控制工具
    jenkins+maven+svn实现springboot项目的自动化部署过程
    jenkins+maven+svn 持续集成环境搭建
    安装Tomcat
    安装JDK
    JavaEE 项目部署方式
    持续部署、持续集成、持续交付的概念
    Linux下Maven安装(十二)
  • 原文地址:https://www.cnblogs.com/hejia/p/2952425.html
Copyright © 2011-2022 走看看