1

正文 html 代码：

<div style="background:yellow;width:500px;height:300px;">
    <div id="div1" style="background:red; width:100px;height:100px; float:left;"></div>
    <div id="div2" style="background:blue; width:50px;height:50px; float:right;"></div>
</div>

然后是js代码：

 $(function () {
        $("#div1").click(function () {
            $(this).effect("transfer", { to: $("#div2") }, 1000);
            //$(this).effect("shake", { times: 2 }, 200);
        });
    });

当然我有进口

<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>

你可以在网上看到不好的：http://jsfiddle.net/hh54188/wz2J3/

下面的“摇一摇”效果可以，但是传输不起作用，如何解决？谢谢

4

2 回答 2

7

来自http://docs.jquery.com/UI/Effects/Transfer

转移元素本身的类名是“ui-effects-transfer”，并且需要您自己设置样式，例如添加背景或边框。

这是在示例中

.ui-effects-transfer { border: 2px solid black; }
于 2010-11-17T02:26:18.383 回答
4

它正在工作，只是没有类/样式，所以你看不到边框，只需给你想要的任何类作为className选项并给该类一个边框，等等......无论你想要什么样的外观。

$(this).effect("transfer", { to: "#div2", className: "myClass" }, 1000);

使用该类的样式：

.myClass { border: 2px dotted gray; }

您可以在此处查看使用这些更改更新的演示。

于 2010-11-17T02:29:33.187 回答