jQuery draggable tr透明背景

时间:2014-05-21 17:08:54

标签: jquery css jquery-ui draggable

我有这个演示:http://jsfiddle.net/5WFZ9/3/

为什么拖动tr时背景颜色会消失?有人可以帮帮我吗?

我错过了什么?

$( "#catalog tbody tr" ).draggable({
          appendTo: "body",
          revert:'invalid',
          helper: "clone"
        });

1 个答案:

答案 0 :(得分:1)

只要您开始拖动tr,jQuery就会克隆它并将其放在#catalog(以及您的表外)之下。您的CSS规则仅适用于table tbody

要解决它,你应该设置一个新的CSS类,jQuery会自动将ui-draggable-dragging添加到创建的元素中,所以要使用它!

.ui-draggable-dragging {
   border:1px solid gray;
   background-color:red;
}

Fiddle