Articles of jquery ui draggable

Draggable e dropable facendo clic su <a> elemento. Ordinare la tabella fattibile senza aggiungere più elemento <a>

Ho usato bootstrap css e JqueryUI per creare un elenco in draggable <ul> e ho fatto una divisione come area distaccabile. Ora il drag and drop funziona correttamente. <ul id="showdata" class="list-group ui-helper-reset ui-droppable" style="overflow: auto; height: 200px; display: block;"> <li class="list-group-item ui-draggable ui-draggable-handle">_Unassigned_<a href="#add" id="add_id" class="glyphicon glyphicon-plus" title="add group to selection" style="float: right"></a> </li> <li […]

Tentativo di utilizzare JQuery per modificare un img src dell'object draggable quando viene eliminato

In pratica, ho .dragme (object trascinato), .dropzone1 (posto da abbandonare) e un'image che voglio .dragma per diventare una volta che è stata lasciata cadere. Finora ho questo $(".dropzone1").droppable({ accept:".dragme", drop: function() { alert("DROPPED"); } }); Quindi, il codice funziona, una volta che .dragme è stato abbandonato, ottengo l'allarme. Ma ho provato a usare .attr per […]

rendere le immagini caricate trascinabili e ridimensionabili

come faccio a rendere la mia image caricata draggable e resizable ho provato ma i cant sembrano farlo funzionare così ho appena cancellato lo script trascinabile e ridimensionabile in modo che il codice possa funzionare può qualcuno mi aiuti prego a get questo lavoro qui è la pagina web che sta funzionando lo stesso codice […]

JavaScript non funziona dopo aver aggiunto nuovi elementi

JavaScript non funziona dopo aver aggiunto nuovi elementi? aggiungere ancora più tardi, ma voglio che tu lavori per gli elementi per trovare una strada che non conosco Esempio; $(".ui-draggable").draggable(); $('body').append('<div class="ui-draggable"></div>');

come distriggersre un draggable anche se caduto in errore sbarrabile

So come distriggersre il trascinamento quando l'object viene trascinato nel corretto sboccabile come si può vedere al di sotto, ma non quando è caduto nel sbagliato errato. Voglio che l'utente non sia in grado di trascinare nuovamente anche se la risposta è errata, il che significa solo una prova. Utilizzo l'animation del bordo che utilizza […]

come avviare .clone usando drag & drop o click jquery

Ciao, ho questo violino che ho qui da esempi di jquery ciò che fondamentalmente fa è trascinare, quindi scendere la casella gialla alla divisione rosa e clonare la casella gialla. questo è l'html <ul> <li id="draggable" class="ui-state-highlight">Drag me down</li> </ul> <div> <ul id="sortable"> <li class="ui-state-default">Item 1</li> <li class="ui-state-default">Item 2</li> <li class="ui-state-default">Item 3</li> <li class="ui-state-default">Item 4</li> […]

Come posso lasciare che le persone trascinino e rilasciano LI in un posto specifico in un elenco? (problemi di console.log)

Sono di fronte a due problemi, uno dei quali è un objective e uno dei quali non è riuscito a get informazioni dalle chiamate console.log (). Vediamo l'objective innanzitutto: Ho un JSfiddle a https://jsfiddle.net/L7sbhzzj/ per un progetto su cui sto lavorando. Il codice che sto lavorando è: jQuery('.collection').droppable( { 'accept': '.collection > li', 'drop': function(e, […]

jQuery trascinare e rilasciare div colore per cambiare background di un altro

Ho il HTML seguente, contenente 4 <div> – 2 sono porte e 2 sono colors, come si può immaginare dal loro id . Vorrei essere in grado di trascinare il colore a entrambe le porte (come l'azure sulla port sinistra e il nero sulla destra) e cambiare il colore di background nello stile. <div id="door1" […]

JQuery-UI trascinamento orizzontale con scorrimento verticale

Ho una pagina piena di divs trascinabili solo in orizzontale (sull'asse X). Quando sono in un dispositivo touch non riesco a scorrere la pagina, dovuti conflitti tra scroll e trascinamento. Ecco un esempio jsfiddle (prova in dispositivi a contatto e prova a scorrere). Il mio codice trascinabile: $(".cell").draggable({ axis: "x", drag: function (event, ui) { […]

jQuery UI Draggable nel bug IE10 quando si trascina dalla barra di scorrimento

Ho un div con un elemento trascinabile che funziona bene in tutti i browser, ad exception di IE10, esiste un problema in cui se si tenta di trascinare l'elemento dalla barra di scorrimento, scorrerà fino a quando non viene premuto il mouse, nel qual caso l'elemento snap alla posizione corrente del mouse. Ho installato questo […]