jquery offset().left/top获取到的是对象父元素的坐标

鱿鱼仙 2016-04-30 11:29:29



<div class="main" id="main">

  <div class="container" ><img class="img" src="img/1.jpg"></div>

  <div class="container" ><img class="img" src="img/2.jpg"></div>

  <div class="container" ><img class="img" src="img/3.jpg"></div>

  <div class="container" ><img class="img" src="img/4.jpg"></div>

  <div class="container" ><img class="img" src="img/5.jpg"></div>

    </div>



.main{width:1017px;

      height:400px;

      margin:100px auto;

      background-color:#666;

      opacity:0.8;

      filter:alpha(opacity=80);

      overflow-y:scroll;

      position:relative;

      box-shadow:0 0 15px #000 ;}



.container{padding:20px 10px 0;

           width:180px;

           height:150px;

           float:left;

           }

.img{width:100%;

     height:100%;

     border-radius:2px;}

我输出包裹图片的div的offset().left和top，也就是.container，可无论哪一个，输出的都是.main这个div的坐标，也就是灰框的坐标，.container我改成position：absolute定位也是一样结果，为什么呢求大神

...全文

308 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

鱿鱼仙 2016-04-30

打赏
举报

啊我知道了是我自己加了其他东西，谢谢斑竹大神

鱿鱼仙 2016-04-30

打赏
举报

$(".container").mousedown(function(event){ console.log($(this).offset().left); }) 我这样全都是输出父元素.main这个div的offset().left 但$(".container img").mousedown(function(event){ console.log($(this).offset().left); }) 又正确输出 $(".container").each(function(index, element) { $(this).on("mousedown",function(){ console.log(event.pageX); console.log($(this).offset().left); }) }); 这样也是正确的

鱿鱼仙 2016-04-30

打赏
举报

引用 1 楼 net_lover 的回复:

你的代码怎么写的？下面的方法没有问题啊 <script> $(function(){ $("#main .container img").each(function(){ $(this).on("click",function(){ alert($(this).offset().left); }); }); }); </script>

孟子E章 2016-04-30

打赏
举报

你的代码怎么写的？下面的方法没有问题啊 <script> $(function(){ $("#main .container img").each(function(){ $(this).on("click",function(){ alert($(this).offset().left); }); }); }); </script>