JQuery ile CSS “top” ve “left” niteliklerini kaldırın

Harita sürüklendiğinde öğeye her biri için değerleri olan bir 'sol' ve 'üst' özniteliği verildiği sürüklenebilir bir harita oluşturuyorum.

<div class="map" style="top:200px; left:100px;">Map</div>

Ben tıklandığında div satır içi stil üst ve sol özniteliği kaldırmak istediğiniz bir düğme var, bu jquery ile mümkün mü?

CSS topve leftare için varsayılan değerler olduğundan auto, bunları yapmaya çalıştığınız şeye bağlı olarak eşdeğer olabilir:

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

Ayrıca styleözelliği tamamen kaldırma seçeneğiniz de vardır :

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

Ancak, başka jQuery UI bileşenleri kullanıyorsanız, bunların kaldırılmasını istemediğiniz satır içi stiller gerektirebilir, bu nedenle oraya dikkatle devam edin.

Üst ve sol nitelikleri özel olarak kaldırmak ve başkalarını bırakmak istiyorsanız, bunu yapabilirsiniz:

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

Veya daha kısa bir eşdeğeri:

$('.map').css({
    'top': '',
    'left': ''
});

Nitelikteki tüm içeriği styleyaparak şunları kaldırabilirsiniz :

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

Ve aşağıdakileri styleyaparak belirli s'leri kaldırabilirsiniz :

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

CSS özelliğini boş bir dizeyle, örneğin aşağıdaki kodla ayarlamanız yeterlidir:

$('#mydiv').css('color', '');

Bkz . CSS hakkında jQuery Belgeleri .

1. Buraya gidin: jQuery API'sı
2. 'Kaldır' için Ctrl + F
3. oku:

Bir stil özelliğinin değerini boş bir dizeye ayarlamak - ör. $ ("#Mydiv") .css ("color", "") - HTML stilinde olsun, önceden uygulanmışsa bu özelliği bir öğeden kaldırır özniteliği, jQuery's .css () yöntemi aracılığıyla veya style özelliğinin doğrudan DOM manipülasyonu yoluyla.

Dokümanlar size gerçekleştirmeye çalıştığınız şey için güncel, önerilen yaklaşımı verir, bu da genellikle zaman kazandırabilir, çünkü yığın taşması üzerinde ileri geri alev savaşlarını okumak zorunda kalmazsınız (ne kadar eğlenceli / aydınlatıcı olursa olsun !).

Başına bu JQuery hata raporu

element.removeAttr ( 'tarzı')

element.attr ('stil', '')

Hepsini kaldırmak isterseniz,

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

$.fn.removeCss=function(prop){
   if(!prop){
          return $(this).removeAttr('style').removeAttr('class');
     }
    else{
         return $(this).css(prop,null);
    }

}

o zaman css pervanelerini kaldırmak istiyorsanız:

    $('#mydiv').removeCss('color');
//To remove all prop Css
    $('#mydiv').removeCss();

Bence en temiz yol, özelliği bir tür null / zero / default değeri ile yazmak yerine , öğenin CSSStyleDeclaration öğesinden tamamen kaldırmaktır :

$(".foo").prop("style").removeProperty("top");
$(".foo").prop("style").removeProperty("left");
$(".foo").prop("style").removeProperty("background-color");

$.fn.removeCss=function(toDelete){

    var props=$(this).attr('style').split(';');
var tmp=-1;
for( var p=0;p<props.length; p++){if(props[p].indexOf(toDelete)!==-1){tmp=p}};
if(tmp!==-1){

   delete props[tmp];
}

  return $(this).attr('style',props.join(';')+';');

}

Bu eklenti ile güvenle silin!

$ ( 'MyDiv') removeCss ( 'renk.');

Kolayca kaldırılamayan bazı stiller var. (Taşma akla geliyor)

Geçici bir çözüm, 2 farklı sınıf oluşturmak ve istediğiniz stili içeren sınıfı eklemek / kaldırmak olacaktır.

Kolayca kaldırılabilen / devre dışı bırakılabilen stil özellikleri için en iyi çözüm DEĞİLDİR.

Css stillerini kaldırmak için stile boş bir dize atayın

bu durumda

$('.map').css({top:'',left:''});

 $("#map").css("top", "0"); 
 $("#map").css("left", "0");