Remove CSS “top” and “left” attributes with jQuery

Question

Im building a draggable map that when the map is dragged the element is given a \'left\' and \'top\' attribute with values for each as so...

Answer 1

The default values for CSS top and left are auto, so setting them to that might be equivalent depending on what you're trying to do:

$('.map').css('top', 'auto').css('left', 'auto');

You also have the option of wholly removing the style attribute:

$('.map').removeAttr('style');

However, if you're using other jQuery UI components, those may require inline styles that you don't want to be removed, so proceed with caution there.