jQuery noob:转移不转移

Question

我做了一个例子,我直接从jQuery网站复制它,它不转移..

HTML:

   <div class="addToCart">
     BLAHHHH
     </div>
     <br>
     <br>
     <br>
     <br>
     <div class="handelv">
     MORE BLAAAHH
     </div>?

jQuery的:

 $(document).ready(function() {

$(".addToCart").click(function () {
      var i = 1 - $(".addToCart").index(this);
      $(this).effect("transfer", { to: $(".handelv").eq(i) }, 1000);
});

  });?

我弄错了什么？

Answer 1

http://jsfiddle.net/TuMsc/7/

1. 您未在示例中包含UI库
2. $(".handelv").eq(i)哪里i = 1.您的选择器只匹配一个元素; 所以你需要设置i为0.
3. 您需要为其定义样式.ui-effects-transfer,以便发生可见事物.

您的所有代码都可以更改为:

$(".addToCart").click(function () {
      $(this).effect("transfer", { to: $(".handelv") }, 1000);
});