jQuery插件，摇晃..

Question

我有这样的代码：http://jsfiddle.net/Ym4NP/2/为什么'content‘div不向上移动，只向下移动？以及如何将$this (选择器)发送到回调函数？

Answer 1

我只会使用jQuery UI来实现这个效果。

请看这个小提琴：

http://jsfiddle.net/kEKtw/2/

使用下面的代码

$(document).ready(function() {
    $('#main').effect("shake", {direction:'up', times:10}, 0);
});

备注：

• 我更改了css以使数字相加，否则UI代码将出现问题。
• 如果您查看jQUI如何实现抖动，您将看到"effects“堆栈按照我下面的建议以数组的形式实现。

原因位置应为数组：

你真正想做的是像这样设置一个序列：

• 上移随机数量
• 等待设置时间
• 移回中心
• 等待设置时间

<代码>H117下移随机数量<代码>H218<代码>F219

但是，将位置用作对象既不提供排序，也不允许重复命令(因为ever command是一个对象属性名称，该名称必须是唯一的)。

如果它是一个数组，你可以设置类似这样的东西来传递给插件：

 positions: [
        'U': -300,
        'W' : 1000,
        'C' : 0,
        'W' : 1000,
        'D': 300
    ],

旧答案

代码很复杂，但您的问题很简单。

在摇晃中的每一次“移动”中，你将顶部或底部的相对位置更改为一个从1到300的新数字。这意味着项目将在1和300+object大小之间移动。我相信你想要做的是把它移到-300到+300之间。为此，您需要更改U命令，将-300的值设置为0，而不是将0设置为300

逻辑中还有另一个错误--它没有将盒子重置到中心。