voglio fare un div draggble con jquery UI
e bootstrap
simili fiddle ma quando voglio t trascino div terzi alla fine prendere distanza dal cursore Come posso risolvere questo problema?uso div dragabble con jQueryUI sortable e bootstrap (cursore take piedi dal div in Col-xs-6)
risposta
Penso che si possa utilizzare cursorAt: {sinistra: Valore, in alto: Valore} per impostare la posizione del mouse
Questa è aggiornato violino: http://jsfiddle.net/h2mj2up6/1/
Hai data colonna classe per ordinabile div, e la classe colonna non è acutally avere alcun significato. Così ho appena aggiornato quella classe di remare fluido che è perfetto per lavorare con reattività e non avrete problemi di spaziatura durante il trascinamento quei div
$(function() {
$(".row-fluid").sortable({
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div class="col-xs-6" style="background-color:red;">
first first first first first first first first
</div>
<div class="col-xs-6" style="padding:0px;margin:0px;right:0px;left:0px;">
\t \t <div class="row-fluid">
\t \t
\t \t <div class=" col-xs-6" style='background-color:green;'>
second</br> second
second</br> second
second</br> second
\t \t </div>
\t \t
\t \t <div class=" col-xs-6" style='background-color:blue;'>
\t \t third<br>
third<br>
third<br>
third<br>
third<br>
third<br>
\t \t </div>
\t \t
\t \t </div>
\t \t
</div>
non funziona! –
Ho avuto lo stesso problema. Ho risolto con l'aggiunta di questa opzione
$("#sortableList").sortable({
appendTo: "body",
helper: "clone",
scroll: false,
cursorAt: {left: 5, top: 5},
start: function(event, ui) {
if(! $.browser.chrome) ui.position.top -= $(window).scrollTop();
},
drag: function(event, ui) {
if(! $.browser.chrome) ui.position.top -= $(window).scrollTop();
}
}).disableSelection();
sembra alcune versioni di jQuery-ui avere un bug nella funzionalità trascinabili. E la funzionalità ordinabile dipende da trascinamento.
Per maggiori dettagli guardare questo jQuery draggable shows helper in wrong place after page scrolled
Non ricevo il problema, giustifica più. – Innodel
quando voglio trascinare la casella blu si ottiene lo spazio dalla freccia del mouse come posso rimuovere questo spazio –