javascript - 如何使用 JQuery 修复此动画?

标签 javascript jquery jquery-ui jquery-animate

我正在使用 JQuery 制作“阅读更多”按钮。当有人单击该按钮时,会出现一个弹出窗口。这个弹出窗口实际上是出现的一个隐藏的div。我的问题是,当我单击按钮时,我希望 div 从按钮中出现,当我单击弹出窗口上的十字标记时,它会返回到它起源的同一个按钮,但我得到的结果是,当我单击按钮,div 从中出现,而当我单击十字时,它会转到我首先单击的“阅读更多”按钮。请帮我解决这个问题。我猜我的代码中有一个小故障。我在 fiddle 上有它http://jsfiddle.net/shivkumarganesh/qLEbD/

最佳答案

检查这个 fiddle :http://jsfiddle.net/6uLF7/

问题出在存储目标左偏移量和顶部偏移量的变量的局部范围内。

变化

在顶部添加了 2 个声明:

var readMoreInfoTop = 0;
var readMoreInfoLeft = 0;

click 处理程序内的 topleft 赋值中删除了 var 关键字

readMoreInfoTop = readMoreOffset.top + 10;
readMoreInfoLeft = readMoreOffset.left + 10;

关于javascript - 如何使用 JQuery 修复此动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8830865/

相关文章:

javascript - 有没有办法在万无一失的沙箱中使用 jsdom?

javascript - 跳过 jQuery 多部分表单中的步骤

javascript - AngularJS promise 解析在下一次用户交互之前不会更新 GUI

php - 使用 javascript 循环提交特定值

javascript - $(this) 与 jquery 中的 e.target 或 event.target

javascript - 工厂数据来得太晚——Angular.js

jquery - 无效选择的 JQM (jQueryMobile) 自定义 css

jQuery 对话框未捕获控件 - IE 9.0

javascript - JavaScript 冲突 :Void(0) error

jquery - 如何使用 Jquery 动态选择特定链接?