Tag: jquery-ui-draggable

Wie kann ich konfigurieren jquery draggable ' s handle option, um die äußere Schicht, nicht aber die innere Schicht der box? Ich zum Beispiel, wollen, ziehen Sie dieses popup-Fenster unten, wenn nur der cursor angeklickt und gezogen

Möchte ich einige square-shaped draggable-Objekten (in diesem Fall nur <td> Kästen mit zahlen in Ihnen) in der Lage sein zu schnappen, um ein paar leere Zellen in einer Tabelle und ausrichten an der Mitte dieser Zellen (leere

Ich bin impelemnting eine drag ' N ' Drop, wo Sie ziehen können, um Benutzer zu einer Rolle. Ich weiß, wie ich die Benutzer-ID und die Ziel-Rolle-ID, aber ich weiß nicht, wie man die Rollen-ID, wo der

Gibt es eine Möglichkeit zu testen, um zu bestimmen, wenn ein jQuery UI draggable Klasse initialisiert wurde? Habe ich eine Reihe von divs mit der Klasse "draggable1". Gründen über den Rahmen dieser Frage, die ich nicht wollen,

Ich bin mit einem ganz konkreten problem mit jQuery UI sortable und dragable zusammen. Ich möchte in der Lage sein, um den index/Platzierung in der Liste der neu gezogene element. Ich bin in der Lage, diese zu

Hier ist, wie es aussieht; $( "#box ul li" ).draggable({ helper: "clone" }); $( ".item" ).draggable({containment: ".door"}); $( ".door" ).droppable({ accept: ":not(.ui-sortable-helper, .item)", drop: function( event, ui ) { $( "<div class='item'></div>" ).html(ui.draggable.find("img")).appendTo(this); } }); Benutzer zieht

Fand ich diese slick drag n drop-Seite für Twitter Boostrap. Ist dies mit GWT oder rein twitter bootstrap? Weiß jemand, ob es ein plugin zu ermöglichen, drag n drop-Funktionalität mit Twitter Bootstrap 2.0? Dank Wie etwa jQuery

Meine Frage scheint zu ähneln diese Frage: ziehen Sie aus einer sortierbaren Liste, um eine drag-and-drop-plugin Aber da gibt es keine Antwort gegeben, die ich Frage mich, ob jemand könnte /würde in der Lage sein, um es

Ok, ich bekomme eine Fehlermeldung und kann mich nicht ziehen Sie die divs... Fehlermeldung ist wie folgt: Uncaught exception: TypeError: '$(".polaroidpolaroid_attachments_mod_25").ziehbar " ist nicht ein Funktion Fehler geworfen in Zeile 343, Spalte 4 ($) in http://developers.dream-portal.net/test/index.php: $(".polaroidpolaroid_attachments_mod_25").draggable({

Grundsätzlich habe ich ein popup-Fenster und ich will Fähigkeit, drag-and-drop ein html-Element zurück zum übergeordneten opener-Fenster. Zum Beispiel, wenn es gibt ein Bild auf das popup-Fenster draggable (und im Grunde ein handler nur), einmal habe ich legen

Kann ich einfach eine <div> element ziehbar, aber nicht ein <button> element. Wie kann ich machen das <button> ziehbar, auch? JS: $(init); function init() { $('#makeMeDraggable1').draggable(); $('#makeMeDraggable2').draggable(); } HTML: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.js"></script> <div id="makeMeDraggable1">Drag me!</div> <button

Ich habe einige div ' s und angewendet haben, resizable & ziehbaren Methoden. Aber wenn ich die wählbaren Methode, ist es nicht emittieren die "ui-selected" in die Klasse der DIV. Pls empfehlen Sie die Problemumgehung für dieses

Ich versuche, sowohl ziehbar und Sortier-Funktion zwischen 2 Tabellen. Ich habe die 2 Methode, die Benutzer können die Dateien auswählen, er kann entweder per drag & drop die Dateien oder er kann doppelklicken Sie auf die Datei,

Habe ich eine Liste von Elementen an, die gelöscht werden können, in eine Liste der (vorhandenen) sortables. Bei einem abwerfbaren element fällt in den sortables, ich möchte ändern, das element. Ich rufen Sie dazu das drop-Ereignis von

Habe ich die jquery-Bibliothek, danach die jQuery UI-Bibliothek, und es funktioniert immer noch nicht. Ich bin Mit Google-Chrome-browser. code Folgt: <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.8.16.custom.min.js" type="type/javascript"></script> <script type="text/javascript"> $(function() { $( ".drag" ).draggable(); }); </script> <div id="aboutBox"

BEARBEITEN habe ich endlich herausgefunden, das problem habe ich mit auf meiner Website, es wird gezeigt, in diesem Beispiel: http://jsfiddle.net/DerNa/10/. Was Sie hier sehen, ist die #frame-container verschoben wird, aus der position 0/0 (50/50-position). Aus irgendeinem Grund

Ich bin noch Recht neu mit jQuery und hatte eine Frage. Ich bin versucht zu implementieren eines "drag and drop" Methode, bei der die Benutzer können ziehen Sie die Elemente in einer Liste und lassen Sie Sie

Habe ich ziehbaren Elemente abgelegt werden können, die in abwerfbaren Bereichen. Wenn ein element gelöscht wird, wird die drop Funktion aufgerufen wird: $('#droppable').droppable({ scope: "items", drop: function (event, ui) { //this one is called if an element

Ich folgenden code zum verschieben und ändern der Größe des Bilds, <!DOCTYPE html> <html> <head lang="en"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/> <script type="text/javascript"> $(document).ready(function() { $( "#img_content" ).draggable().resizable(); }); </script> </head> <body

Mit jQuery Draggable Wie zum einschränken eines draggable gezogen werden nur in eine Richtung ? ich.e entweder nur oben oder nur unten, wenn axis: 'y' und entweder nur Links oder nur rechts, wenn axis: 'x' Dies bedeutet,

FRAGE: Verwendung von jQuery, wie kann ich imitieren, ein klicken-und-halten-Ereignis? Ich bin derzeit schlägt meinen Kopf gegen eine Wand und kann nicht scheinen, um herauszufinden, wie man über diese! Ich habe auch versucht, die Suche auf google

Ich versuche zu verwenden die jQuery sortable, abwerfbaren und ziehbar zusammen zu arbeiten. Ich habe 3 Listen: eine break-point Platzhalter; Zeilen; Berichts-Gruppen. Der Benutzer sollte in der Lage sein: Ziehen Sie so viele Platzhalter der Kopien in

Ich versuche, fügen Sie eine Klasse auf das draggable-event mit jQuery-UI. Jedoch der folgende code, den ich geschrieben habe, nicht so funktioniert wie erwartet; $(function () { $('ul.sortable div.draggable').draggable({ start: function(event, ui) { ui.helper.addClass('move'); }, }); });

Dies ist mein code: http://jsfiddle.net/652nk/ HTML <div id="canvas"> <div id="dragme"></div> </div> CSS #canvas { width:500px; height:250px; border:1px solid #444; zoom:0.7; } #dragme { width:100px; height:50px; background:#f30; } JS $(function(){ $('#dragme').draggable({containment:'parent'}) }) Ich habe ein großes Problem bei

Ich bin mit jQuery UI und können erstellen Sie eine einfache drag 'n-drop-Liste. Aber jetzt, ich wollen, um das element in einer anderen Liste. jQuery denkt immer, der Artikel wurde zu droppen an der falschen Stelle und