Question

I made an example, I copied it straight from the jQuery website yet, it doesn’t transfer..

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);
});

  });​

What have I gotten wrong?

Answer 1

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

1. You weren’t including the UI library in the example
2. $(".handelv").eq(i) where i = 1. Your selector only matches one element; so you need to set i to 0.
3. You need to define a style for .ui-effects-transfer, so that a visible-something happens.

All your code can be changed to just:

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