[hnn]

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

[robincox]

Ursprungligen postat av hnn

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.

[dAEk]

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

[robincox]

Ursprungligen postat av dAEk

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

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.

[dAEk]

Ursprungligen postat av robincox

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.

Då tolkade jag dig rätt så fel från början, sorry.

För mig funkar följande kod i Chrome men inte i några andra webbläsare. Det som inte funkar är klickanropet. Flödet verkar stämma då det loggas rätt saker men click-triggern vill inte ge med sig. Uppenbarligen har jag missat något men jag kan inte se vad det skulle vara.

Här har du en start iaf. Det är ihophaffsat lite snabbt så det kan finnas buggar och optimeringsbehov.

$(document).ready(function() {

	if (window.console === undefined) {
		$("body").append('<div id="logger"></div>');
		window.console = {
			log : function(message) {
				$("#logger").append(message + "<br>");
			}
		};
	}

	$("#sortable a").mousedown(function() {
		$(this).data("doClick", true);
		console.log(this.href);
	});

	$("#sortable").sortable({ 
		tolerance: 'pointer', 
		start: function(event, ui) {
			$(ui.item).data("indexBefore", $(ui.item).parent().children().index($(ui.item)));
		},
		stop: function(event, ui) {
			if ($(ui.item).find("a").data("doClick") === true) {
			
				console.log("index changed?");
				
				var indexBefore = $(ui.item).data("indexBefore");
				var currentIndex = $(ui.item).parent().children().index($(ui.item));
				
				if (indexBefore === currentIndex) {
					console.log("index was not changed, trigger click");
					console.log($(ui.item).find("a").attr("href"));
					
					$(ui.item).find("a").trigger("click");
				} else {
					console.log("index changed (before: " + indexBefore +", after: " + currentIndex +")");
				}
			}
		}
	});
});

[dAEk]

Jag kommer nog inte kunna pilla nåt med det här förens i helgen och det är bara kanske.

Är det inte viktigt att det faktiskt körs ett click-event skulle det funka att ange location.href istället:

location.href = $(ui.item).find("a").attr("href");