0

すばらしい Yahoo の例を変更して、div コンテナーをドラッグ アンド ドロップできるようにしました。基本的に、コード内の「ul」と「li」へのすべての参照を div コンテナーのクラスに変更するだけです。

ギャラリー内の画像の並べ替えを許可したい。

リンクが含まれていない場合は、div コンテナーを並べ替えることができます。これらの div をドラッグ可能にするにはどうすればよいですか?

問題は、http: //yuilibrary.com/yui/docs/dd/list-drag.htmlの yahoo の例にリンク アンカーを追加する場合とほとんど同じです。 

<div id="play">
    <ul id="list1">
        <li class="list1"><a href="#">Item #1</a></li>
        <li class="list1"><a href="#">Item #2</a></li>
        <li class="list1"><a href="#">Item #3</a></li>
        <li class="list1"><a href="#">Item #4</a></li>
        <li class="list1"><a href="#">Item #5</a></li>
    </ul>
</div>

この場合も、リスト項目はドラッグできないと思います。

したがって、私のコードは次のようになります。

<div class="alt1" style="padding:6px;" width="100%" align="center" id="play">
    <div style="width:162px; height:166px; margin:5px; float:left" class="list1">
        <a href="album.php?pictureid=147828"><img src="/123.jpg" alt="" border="0" style="padding:6px;" width="130" height="130" /></a>
    </div>
    <div style="width:162px; height:166px; margin:5px; float:left" class="list1">
        <a href="album.php?pictureid=147828"><img src="/123.jpg" alt="" border="0" style="padding:6px;" width="130" height="130" /></a>
    </div>
</div>

(上記のように) リンクを追加すると、div コンテナーはパディングによってのみドラッグできます。リンクがない場合は、画像をどこにでもドラッグできます。

4

1 に答える 1

0

私はこれに対するより完全な答えをここに書きました：画像ギャラリーを並べ替える

つまり、アンカータグはデフォルトでは有効なドラッグハンドルではありません。removeInvalidを使用してこれを変更できます。

dragInstance.removeInvalid('a');
于 2013-02-21T12:22:19.230 に答える