我正在使用 JQuery 制作“阅读更多”按钮。当有人单击该按钮时,会出现一个弹出窗口。这个弹出窗口实际上是出现的一个隐藏的div。我的问题是,当我单击按钮时,我希望 div 从按钮中出现,当我单击弹出窗口上的十字标记时,它会返回到它起源的同一个按钮,但我得到的结果是,当我单击按钮,div 从中出现,而当我单击十字时,它会转到我首先单击的“阅读更多”按钮。请帮我解决这个问题。我猜我的代码中有一个小故障。我在 fiddle 上有它http://jsfiddle.net/shivkumarganesh/qLEbD/
最佳答案
检查这个 fiddle :http://jsfiddle.net/6uLF7/
问题出在存储目标左偏移量和顶部偏移量的变量的局部范围内。
变化
在顶部添加了 2 个声明:
var readMoreInfoTop = 0;
var readMoreInfoLeft = 0;
从 click
处理程序内的 top
和 left
赋值中删除了 var
关键字
readMoreInfoTop = readMoreOffset.top + 10;
readMoreInfoLeft = readMoreOffset.left + 10;
关于javascript - 如何使用 JQuery 修复此动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8830865/