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から

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 に答える