jQuery noob:传输未传输

Question

I made an example，我直接从jQuery website上复制过来了，它不能传输..

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/

在example

• $(".handelv").eq(i)

1. i = 1中，您没有包含UI库。您的选择器只匹配一个元素；因此您需要将i设置为0.
2. You，还需要为.ui-effects-transfer定义样式，以便发生可见的事情。

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

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

Answer 2

您遇到的问题是误解了示例中选择器的使用方式。index和eq方法选择第一个或第二个div。

如果您将代码更改为：

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

jquery您还需要设置.ui-effects-transfer以显示某些内容；示例中使用了边框(它是在传输过程中显示的元素的类)，并包含​UI

Answer 3

试试这个：

$(document).ready(function() {

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

  });​