折腾了一晚,一个 jQuery 偏移量问题..求前端高手帮看下..

2014-11-16 07:56:23 +08:00
 konakona
预览地址: http://120.24.209.47/goods/index/id/11.html

左上角的图片放大镜效果~ 鼠标放上去后的偏移量总是不对!!

搞了半个晚上没看出问题大概在哪,弄了点控制台日志,大家可以凑合着看下输出..

也是蛮郁闷的.对浏览器定位一点不熟..

先说下文件大概在哪儿:

启动程序在 jq22.js 的第一个方法里(其实这个看不看倒无所谓滴啦!)

css在 jq22.css

核心插件在 jquery.jqzoom.js

=..= 跪求高手帮支招...
2621 次点击
所在节点    程序员
12 条回复
Sin
2014-11-16 09:09:32 +08:00
第二张图是好的吧
第一张放大后的完全不是原图啊?
williamx
2014-11-16 09:12:01 +08:00
图挂了?
konakona
2014-11-16 10:09:28 +08:00
@Sin 第二张图是错误的示范,纯粹是用来扩充下面小图的...

正确情况会是图1.

因为图1小图是460X460,大图是960X960,正好是小图的两倍。
konakona
2014-11-16 10:37:32 +08:00
@williamx 上传了数据表没传图
@Sin

=,,= 大概是bootstrap的原因,框架是ThinkPHP,在出问题的这个页面使用{__NOLAYOUT__}后,相当于失去所有bootstrap的css。 然后定位就对了...........................=,= 这样排查起来比检查js还麻烦呢...问题恐怕出现在一环套一环的css里...
konakona
2014-11-16 10:48:14 +08:00
啊哈~搞定了搞定了~
因为bootstrap(3最新版)的 1421 行 col-**-*** class的position: relative;

在外部html里重写为position: static 即可=W= 终于定位上了...
abelyao
2014-11-16 13:53:58 +08:00
https://github.com/abelyao/enlarge.js
直接用我这个就好了嘛
kmvan
2014-11-16 13:56:29 +08:00
ThinkPHP 这个框架我看起来感觉好恐怖。。控制非常复杂,比起 WP 来实在是无法直视啊
cougar
2014-11-16 22:22:56 +08:00
@abelyao 你这个也没个usage
@konakona 我看着还是错的
abelyao
2014-11-16 22:31:08 +08:00
@cougar 那天把 github 的 demo 地址给删了: http://www.abelcode.com/
cougar
2014-11-16 22:34:58 +08:00
@abelyao 看到了,不错,挺简单的
konakona
2014-11-17 00:27:25 +08:00
@kmvan ……你不是吧,我反而看到wordpress要疯掉...TP可以随意写无难度,包括CORE..
konakona
2014-11-17 00:28:10 +08:00
@abelyao 太棒了,不错~收藏!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/146844

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX