问题标签 [jquery-easing]

我对 Coda Slider 和 Fancybox 有一些问题。我使用 Fancybox 在 iframe 中加载外部站点，而 Coda Slider 用于起始页上的内容滑块。

如果我在我的 Head fpr Coda Slider 中调用了 jquery-easing 插件，则 Fancybox 不起作用。当我删除指向 jquery-easing-1.3 的链接时，Coda Slider 会引发异常，但 Fancybox 可以完美运行

这是一些代码：

不知道为什么这不起作用:)希望你们知道=)

我正在寻找可以与 jQuery 一起使用的自定义缓动函数的在线列表。

我对为此使用插件不感兴趣，也不使用 jQuery UI。

我在下面找到了一个很好的小反弹，但我正在寻找其他一些，以便我可以有一些选择。

代替其他功能，简要说明这个功能如何操作和可能被修改会很棒。谢谢！

例子：

编辑＃1：

这是所有 jQuery UI 缓动函数的在线演示。来自 UI 的源函数在 Jake 的正确答案中发布在下面。

http://api.jqueryui.com/easings/

编辑＃2：

事实证明，我在上面发布的示例缓动函数与 jQuery UI 中的“easeInOutBack”完全相同。

编辑#3：

这里有更多独立的缓动方程可供免费下载...

http://www.robertpenner.com/easing/

我正在尝试修改 Coda-Slider 2.0 (http://www.ndoherty.biz/tag/coda-slider/) 以使用基于百分比的宽度，而不是硬编码的像素宽度，以允许流体调整大小。当我尝试回到面板 1 时，除了 IE7 中的一个小故障（Firefox 没有表现出这种行为）之外，我已经让它工作得非常好。

当我运行 coda-slider 2.0 附带的默认 index.html 时，在 IE7 中一切正常。然后，我将图像替换为默认文本，并且效果也很好。然后我更改了 CSS 和 JS 以使用百分比宽度 - 这很好用，除了当我尝试返回第一个面板时 - 当我这样做时，比如说，从面板 4，而不是平滑地动画回到面板 1 视图立即跳到面板 1 和面板 2 之间的中间，然后动画回到面板 1。

这可以在我设置的测试站点上看到：

http://www.lootcorp.com/animateissue/

我正在使用的修改后的 Coda-Slider JS 文件的来源如下。请注意，我删除了所有不必要的代码以简化调试。

问题与这条线有关：

我想也许动画不喜欢将“0%”作为值输入，所以我尝试在选择面板 1 时输入“0”和“0px” - 结果相同。最终结果是正确的 - 最终 div 正确定位在 margin-left: 0，但我不知道为什么在这样做之前它会跳到面板 1 和 2 之间的中间位置。（面板 4 到 3 或 2 的动画效果很好）。我尝试使用 'left' 而不是 'margin-left' 得到相同的结果。

错误还是愚蠢的，被忽视的错误？任何意见是极大的赞赏！！

js文件来源：

如何修改这个 jQuery 缓动函数以产生不那么夸张的反弹？

我正在寻找一个模拟这个的缓动函数：

http://sandbox.scriptiny.com/tinyslider2/

tinyslider2 使用类似的函数，看起来像这样：

但是我今天似乎无法理解数学以将 tinyslider2 方程拟合到 jQuery 缓动格式中。如果有人能给我举个例子，我将不胜感激。

更新

这个等式非常接近：

我只需要结束反弹而不需要开始反弹。

• 我制作了一个使用Hover Intent的简单菜单。
• 这是菜单（与JQueryEasing链接到它）。
• 目前只是用于.animate动画菜单项的打开和关闭。

我如何将 JQueryEasing 添加到这个动作中（如 jswing 或 elastic 等）

任何帮助将不胜感激。

我们正在使用以下插件：

http://code.google.com/p/jquery-swip/source/browse/trunk/jquery.easing.1.3.js?r=4

当它在我们的站点中时，我们不能在表单内的输入框之间进行制表符 - 如果我们把这个脚本拿出来，我们可以吗？

我们正在使用最新版本 - http://gsgd.co.uk/sandbox/jquery/easing/

有没有其他人遇到过这个？如何修复？

谢谢

我对 jQuery ajax 和动画有一点问题。我有一个带有菜单的布局，该菜单调用我的页面，加载时提供一点动画jQuery easing

这是我的ajax.js

如果用户点击，一切都会很好。

但如果：

• 用户双击同一链接
• 用户快速点击多个链接

然后加载的数据离开页面。

我知道我使用异步数据并且我要求offset在准确的时间这一事实存在问题。我试图将常量作为参数（而不是做var step_position = $(".step").offset();），但这没有用。

无论进行了多少次 ajax 调用，我应该如何始终正确显示我的数据？

如果我在网站上看到一个很酷的效果，我会查看 jquery 的源代码，通常我可以绕着它转，但是，我正在查看http://www.mckinsey.com的滑块并查看了 jQuery 源代码用于页面幻灯片：http ://www.mckinsey.com/assets/dotcom/js/home.js

我似乎无法理解这个 jQuery 代码是如何编写的或它是做什么的，不过，我确实理解它是以更好的方式编写的并且可以正确维护，因为所有内容都不在document.ready()函数内部

• 有人可以稍微分解一下这段代码来解释一下（我只关心滑块而不是 cookie）

• 是否有教程/书籍展示了如何编写/理解以这种方式编写的 jQuery 代码。

我有一个浮动 jquery 菜单的问题。嗯，它工作得很好。但是当浏览器窗口大小发生变化时，就会出现问题。当窗口足够大时，它可以完美地滚动/滑动，但是如果滚动量和“顶部”量大于窗口高度，我希望它在一个小窗口中滑动。因为现在，如果窗口尺寸太小，菜单会在不可见的区域滑动，例如 1024x768。

这是我的代码：

最后一个功能是重要的功能，也是产生问题的功能。特别是这部分：

我希望你能帮助我，我已经很努力了，相信我。

此致

我想知道是否有任何方法可以在不使用 jQuery UI 的情况下使 slideDown() 运动看起来更流畅，只是普通的 jquery。

我有这个功能：

好吧，我知道那个队列：假；适用于 animate()，我可以使动画不排队运行，但不知道如何对 slideDown() 做同样的事情。

缓动需要我设置另一个要加载的 js 文件，而我真的不能仅仅为了动画缓动而做这个

希望你能帮我解决这个问题。

非常感谢！