0

jquery の html() を使用して要素を移動しようとしています。以下の例を参照してください。

HTML:

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>

<div id="myDiv"></div>

Jクエリ:

//on some event (for example, onclick, onmouseover, onkeydown....), the code below will be triggered
var $myDiv = $("#myDiv");
$("#div1").html($myDiv);
//after some other event, the code below will be triggered
$("#div5").html($myDiv);
//after some other event, the code below will be triggered
$("#div4").html($myDiv);
//etc....

基本的に、上記の html() メソッドを使用して $myDiv を div1-5 間で移動しようとしています。しかし、 $myDiv がある div から別の div に移動するときにもトランジションを行いたいので、次の css を試しましたが、うまくいきませんでした。CSS:

#myDiv {
    -webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
    transition: all 1s linear;
}

すべてのdivのサイズがわからず、サイズが変わる可能性があるため、上と左のトランジションは実際には使用できません。

誰かが良い解決策を持っていることを願っています。

ありがとう

4

1 に答える 1

0

jQueryソート可能プラグインを使用できます。

各ドラッグ可能オブジェクトdivに in of を指定しsortableてから、次の jQuery を使用できます。

$(function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
});

jQuery UI を含める必要があることに注意してください。

 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
于 2013-11-05T16:56:12.663 に答える