如果事件是单击并拖动jquery

时间:2010-11-28 10:35:14

标签: jquery

我有一张桌子 如何在点击和拖动过程中更改tr的背景颜色?

<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>

当我点击并拖动行中的任何位置时......背景颜色应该改变.. 这可能只使用jquery吗?

1 个答案:

答案 0 :(得分:1)

你还没有说过你是怎么拖它们的。 如果您正在使用jQuery UI's Draggable (可以拖动行吗?),您可以使用CSS或事件。

<强> CSS

来自the docs

  

可拖动元素获取一个类   
ui-draggable   
在拖动过程中元素也会得到一类   
ui-draggable-dragging

所以:

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

<强>事件

文档还讨论了startstop事件,如果您不想使用CSS,可以使用这些事件。