2010-11-28 7 views
0

Ich habe eine Tabelle Wie ändert man die Hintergrundfarbe der tr beim Klicken und ziehen?Wenn Ereignis ist klicken und ziehen jquery

<table id="tables"> 
<tbody> 
    <tr> 
    <td>1.</td> 
    <td>John Smith</td> 
    <td>Male</td> 
    <td>Active</td> 
    <tr> 
    <tr> 
    <td>2.</td> 
    <td>Pepe Smith</td> 
    <td>Female</td> 
    <td>Active</td> 
    <tr> 
</tbody> 
</table> 

wenn i klicken und überall in der Reihe ziehen .. die Hintergrundfarbe ändern sollte .. ist dies nur möglich mit Jquery?

+1

Wie ziehen Sie es? –

Antwort

1

Sie haben nicht gesagt, wie Sie sie ziehen. Wenn Sie verwenden jQuery UI's Draggable(kann es Zeilen ziehen?), können Sie entweder CSS oder Ereignisse verwenden.

CSS:

Von the docs:

Ziehbare Elemente bekommt eine Klasse von
ui-draggable
Während ziehen das Element wird auch eine Klasse von
ui-draggable-dragging

Und so:

#tables tr.ui-draggable-dragging { 
    background-color: yellow; 
} 

Events:

Die docs auch über die start und stop Ereignisse sprechen, die Sie, wenn Sie verwenden möchten, nicht CSS benutzen konnten.

+0

ist dies möglich mit nur jquery nicht jquery ui? – gfivehost

+0

@ricky - es ist, wenn Sie Lust haben, Ihr eigenes ziehbares Plugin zu schreiben. – karim79

+0

@ Karim79, ich dachte, es gibt dieses Ziehereignis auf jquery .. – gfivehost

Verwandte Themen