jquery ui转移帮助

Question

我想使用jquery ui transfer来隐藏元素.

我有一个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

根据文档(相当难以找到),您必须设置ui-effects-transfer类的样式(通常指定虚线边框),以便首先查看传输.

该hide()方法的文档虽然有些误导,但您无法使用该"transfer"效果hide().但是,如果您确实希望在"transfer"效果完成后使元素不可见,则可以使用回调,就像我在下面的演示中所做的那样.

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

PS我假设1 -你的代码是故意的而不是拼写错误.传递负索引eq()使其按相反顺序选择元素.