2013-08-01, 10:51
  #1
Medlem
Behöver hjälp med att få till önskat beteende för följande lista.

Se jsfiddle: http://jsfiddle.net/5Vyq8/9/

När man drar en rad och för den över en annan rad så ska göra ett understreck under den raden (som det är just nu i det exemplet).
Men sedan när man forsätter hålla raden ovanför en annan rad i mer än 0,7 sekunder så ska raden under få klassen "accept-incoming-task" och på så sätt få en bakgrundsfärg.
Men när man sedan, utan att släppa mouse-click, för över raden till ytterligare en annan rad så ska den föregående raden inte längre ha klassnamnet "accept-incoming-task".

Har försökt nu i ett par dagar utan att lyckas. Någon duktig javascript-hackare som kan försöka sig på den här nöten?

Tacksam för all hjälp jag kan få.
Citera
2013-08-05, 10:12
  #2
Medlem
Om du inte löst det...
I din 0.7 sek funktion la jag till $("table tbody tr").removeClass('accept-incoming-task'); som rensar alla tr från din class "accept-incoming-task" innan den lägger till den på den du håller musen över.

HTML-kod:
// Set 0.7 seconds timeout
timeout = setTimeout(function () {
     $("table tbody tr").removeClass('accept-incoming-task');
     $(self).removeClass('append-to-task').addClass('accept-incoming-task');
}, 700);
Citera
2013-08-05, 10:23
  #3
Medlem
Jag har redan löst det. men tack för svaret!
Citera

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in