jquery UI sortierbar - erlauben Drag von Bild eingebettet in sortierbare Div zu Beginn der Div-Sortierung

Sorry, ich habe wirklich keine Ahnung, wie das zu sagen, so entschuldigt mich für den langen Titel. Ich habe eine Tabelle Spalte gefüllt mit Divs, die sortierbar sind (mit dem jquery ui sortierbaren Plugin). Jedes dieser divs hat ein Image-Kind. Wenn ich derzeit versuche, das div zu ziehen, indem ich auf den Bildteil des div klicke, zieht das div nicht. Offensichtlich möchte ich div ziehen, wenn ich auf das Bild (oder einen Teil des div) klicke. Irgendwelche Vorschläge?jquery UI sortierbar - erlauben Drag von Bild eingebettet in sortierbare Div zu Beginn der Div-Sortierung

Quelle

2010-11-19 Ray Nicholus

Nicht sicher, was das Problem ist, machte ich das scheint es gut zu funktionieren: http://jsfiddle.net/C6JZ2/ –

In Chrome 8 tut es nicht. Sie fangen an, ein Bild zu ziehen und es sieht schlecht aus (obwohl es immer noch funktioniert) – cambraca

genau - ich benutze auch Chrome. Ich dachte mir, der beste Weg, dies zu beheben, wäre, das Ereignis, das das Ziehen des Bildes verursacht, irgendwie zu erfassen und stattdessen ein Ereignis auszulösen, das stattdessen dazu führt, dass das Eltern-Div beginnt, zu ziehen. Irgendeine Idee, wie man das macht? –

Versuchen Sie folgendes: Wenn Sie so etwas wie $('#thelist').sortable(); tun, haben auch die folgenden:

$('#thelist img').mousedown(function(event) { 
    event.preventDefault(); 
});

Dies verhindert, dass ein normales Verhalten auf allen Bildern in der Liste (das ist zumindest auf Chrome und Firefox , um das Bild zu ziehen).

Quelle

2010-11-19 23:14:43 cambraca

Das habe ich etwa eine Stunde nach meiner Veröffentlichung bemerkt. Ich stieß jedoch auf ein anderes Problem, aber das ist für ein anderes Posting. –

jquery UI sortierbar - erlauben Drag von Bild eingebettet in sortierbare Div zu Beginn der Div-Sortierung

Antwort

Verwandte Themen