jquery - 如何在拖动时删除右侧或底部的CSS

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");
    }
});