jQuery sortable
 

Jag har precis funnit jQuerys fantastiska sortable funktion. Med den kan man sortera innehållet i en lista med "drag and drop".

Min fråga är, om man har listan full av länkar, kan man då "drag and drop" utan att bli skickad till den webbsida som href länkar till? Det borde ju gå om man håller ner musknappen och börjar dra länken eller har jag fel?

$( selector till länkarn).click(function(){
return false;
});

KarlRoos: Tror problemet är större än så. Man har nog en länk där för att man ska kunna klicka på den :)

Exakt. Jag vill ju att man ska kunna klicka på länkarna och hamna på href destinationen om man vill det.
Oj... såg nu att jag råkade posta den här tråden i fel kategori, klientsidans teknologier ska det ju såklart vara.

jQuerys dokumentation är alltid en bra utgångspunkt. Den är väldigt bra och har exempel, ofta iaf. :)

http://docs.jquery.com/UI/Sortable#option-cancel

Hur tänkte du nu?

Vill inte hindra sortering
 

Det exemplet visar hur man förhindrar sorteringsfunktionen, det är inte vad jag är ute efter. Jag vill att href fortfarande ska funka om man släpper musknappen ovanför länken som vanligt "mouse up", men om man däremot drar länken till en annan position i listan så ska inte href aktiveras. Hoppas det var en någorlunda bra förklaring.

.removeAttr()
 

Jag tror att jag har kommit lösningen på spåret. Kanske kan man ta bort länkfunktionen på länken när man har börjat dra i den med .removeAttr(). Kolla på denna sida:

http://api.jquery.com/removeAttr/

du får peta dit nånting före länken som kan fungera som "handle"
tror det finns rätt bra demonstrerat här: http://jqueryui.com/demos/sortable/#option-handle

på mylinkstart.se så använde jag en bild (länkens favicon) som handle
typ såhär
<img src="http://www.google.com/s2/favicons?domain=www.facebook.com" alt="" class="favicon" />
<a href="http://www.facebook.com" title="Facebook" rel="nofollow">Facebook</a>

och
$("ul.linklist").sortable({ connectWith: 'ul', handle: '.favicon' });