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/

您未在示例中包含UI库
$(".handelv").eq(i)其中i = 1。您的选择器只匹配一个元素;因此您需要将i设置为0。
您需要为.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);
});

您还需要设置.ui-effects-transfer来显示内容;示例中使用了一个边框（它是传输过程中显示的元素的类），并包含jquery UI

Answer 3

试试这个：

$(document).ready(function() {

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

  });

jQuery noob：转移不转移

3 个答案: