.offset() 并检查 jQuery 中的位置
.offset() and checking the position in jQuery
这是我的HTML代码:
<div class="snake">
<div class="body"></div>
</div>
在脚本中,我有一个创建身体部位并将它们附加到.snake
的函数。
它看起来像这样:
$('.btn1').click(function() {
length++;
$('<div></div>').addClass('body').appendTo('.snake').css('left', xPos * length * 1.2 + '%');
});
然后另一个函数删除最后一个身体部分,创建一个新部分,将其放在顶部并赋予它.head
类。
$('.snake').children().last().remove();
$('<div></div>').addClass('body').prependTo('.snake').css('top', 0 + '%').css('left', xPos * blocks_moved * 1.2 + '%');
$('.snake').children().removeClass('head');
$('.snake').children().first().addClass('head');
因此,每次调用此函数时,都会<div>
给定.head
类。
var headPos = $('.head').offset();
alert(headPos);
在上面的两行代码中,我试图提醒.head
的位置,但我使用了.offset()
,所以它应该根据文档而不是父元素来提醒坐标。这两行也在上面的函数中。它会发出类似 [对象对象] 的警报。为什么这不起作用?我需要这个变量,这样我就可以.snake
位置设置为与.head
位置相同。
我用$('.snake').position(headPos);
试过这个,但我认为.position()
函数无法设置位置。任何其他方法都可以做到这一点,并提供一些.offset()
帮助,那就太好了。我是编程新手,所以任何建议都会有所帮助。:)
附言
我又忘记了一件事。那么 css 呢?我应该使用哪些位置值?我用position: absolute;
和头部和身体部位。
offset()
是一个包含两个属性的对象,top
和 left
。
使用 offset().top
获取 y 位置
var headPos_x = $('.head').offset().left;
var headPos_y = $('.head').offset().top;
alert("x:" + headPos_x + ", y:" + headPos_y);
相关文章:
- jquery试图按名称获取按钮位置
- jQuery循环在特定位置暂停
- 使用jQuery更改元素的顶部位置
- jquery:将动画绑定到滚动条位置的更好方法
- JQuery幻灯片,可点击编号位置
- jQuery-仅更改Y轴的CSS背景位置
- Jquery Draggable-在浏览器刷新时保持位置
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 我可以't使用jQuery更改工具提示引导程序的位置
- 我想滚动放大和缩小一个图像,但也有针在该图像上保持正确的位置.jQuery
- 获取元素内文本的初始和最终位置?- jQuery.
- 返回上一个滚动位置 - jquery移动页面设计
- 固定位置Jquery上的Easing
- 鼠标释放时抓取元素的位置jQuery可拖动
- 当单击按钮时,转到html页面的下一个位置- jquery
- 相对于当前位置 Jquery 滚动
- 位置jQuery对话框
- 设置窗口的位置/jquery
- 将同一字段的错误消息放在不同的位置 jquery 中
- 的位置.jquery事件中没有重定向