Question

我有一个可拖动的div，当我拖动div时无法弄清楚如何删除右侧或底部的css规则。

CSS

#draggablediv
{
    right:25%;/*delete this when i begin to drag*/
    bottom:25%;/*delete this when i begin to drag*/
}

非常感谢。

$('#message2').draggable({handle: "#draghand", containment: "#drag_border", scroll:    false },{
    start: function() {
      // alert('started');
      $(this).css({
        "right": " ",
        "bottom": " "});
    }
  });

这是我使用的功能，但我似乎没有工作...我放火的警报但属性不受影响

Answer 1

您没有传递值，因此代码不会为您更改它。您需要的代码是：

$('#message2').draggable({handle: "#draghand", containment: "#drag_border", scroll: false },{
    start: function() {
      // alert('started');
      $('#draggablediv').css({
        "right": "auto",
        "bottom": "auto"});
    }
});

这会将底部和右侧重置为默认属性。

或者，将right和bottom样式放在您应用于div的类中：

.not-dragging
{
    right:25%;/*delete this when i begin to drag*/
    bottom:25%;/*delete this when i begin to drag*/
}

...并在开始拖动时删除该类：

$('#message2').draggable({handle: "#draghand", containment: "#drag_border", scroll: false },{
    start: function() {
      // alert('started');
      $('#draggablediv').removeClass("not-dragging");
    }
});

如何在拖动时删除css的右侧或底部

1 个答案: