Ich verwende JQueries draggable (); li Elemente ziehbar zu machen. Das einzige Problem besteht darin, dass das Element nicht angezeigt wird, wenn es außerhalb des übergeordneten Elements gezogen wird. Das heißt, es verlässt nicht die Grenzen seines Elternteils div. Ein Beispiel ist hier:http: //imgur.com/N2N1L.pn - es ist, als ob der Z-Index für alles andere eine höhere Priorität hat (und das Element unter alles gleitet).

Hier ist der Code:

$('.photoList li').draggable({ 
        distance: 20,
        snap: theVoteBar,
        revert: true,
        containment: 'document'
    });

Und die li-Elemente werden wie folgt in DIVs platziert:

<div class="coda-slider preload" id="coda-slider-1">
    <div class="panel">
        <div class="panel-wrapper">
            <h2 class="title" style="display:none;">Page 1</h2>
            <ul class="photoList">
                <li>
                    <img class="ui-widget-content" src="photos/1.jpg" style="width:100px;height:100px;" />
                </li>
            </ul>
        </div>
    </div>

Ich bin mir sicher, dass das Problem darin besteht, dass der übergeordnete Container nicht verlassen wird, aber ich bin nicht sicher, was ich tun soll, um ihn herauszubekommen.

Jede Richtung oder Hilfe wäre sehr dankbar!