jquery ui 传输帮助

Question

我想使用 jquery ui 传输来隐藏元素。

我有一个 div.click 和一个 span.target。我希望单击时将 div 移动到跨度。

我尝试了这段代码:

$("div.click").live('click', function () {
      var i = 1 - $("div.click").index(this);
      $(this).effect("transfer", { to: $("span.target").eq(i) }, 1000);
});

但什么也没发生。

在我下载的演示中，它说传输是“隐藏”的一个选项。但在他们的网站上，它说这是“效果”的一个选项。

有人可以帮助我了解如何使用它吗？

Answer 1

根据documentation (实际上是 difficult to find )您必须设置 ui-effects-transfer 类的样式(通常指定虚线边框)才能首先看到传输。

hide() 方法的文档有些误导性，但您不能将 "transfer" 效果与 hide() 一起使用。但是，如果您确实希望在“transfer”效果完成后使元素不可见，则可以使用回调，就像我在以下演示中所做的那样。

工作演示: http://jsbin.com/iwijo (可通过 http://jsbin.com/iwijo/edit 编辑)

附注我假设您的代码中的 1 - 是故意的，而不是拼写错误。将负索引传递给 eq() 会使其以相反的顺序选择元素。