如何在拖動時刪除右側或底部的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"); 
    } 
});