Bilinmeyen kenar boşluğu olan bir öğe verildiğinde, kenar boşluğunu bir sayıdan 100px artırabilir mi? ÖrneğinMevcut marjın bir sayısında jquery ile nasıl artırılır/azaltılır?
: Orijinal kenar-sol varsayılarak
beklenen sonuç en son olarak, 100 piksel + 100 piksel 200px olan 100 piksel
olup.
$('#element-id').css('margin-left', function (index, curValue) {
return parseInt(curValue, 10) + 100 + 'px';
});
curValue sonunda 'px' içerecektir, bu nedenle ilk parseInt kullanmadan sonucunda NaN veya 100px100px ile bitireceğiz.
$("p").css({marginLeft: function(index, value) {
return parseFloat(value) + 100;
}});
bu tam olarak istediğim şey – Edward
+1 Cevabınız örnek niteliğindedir. Teşekkür ederim! –
Sadece güvenli tarafta olmak için, eklemeden önce şu anda marjlarınız olduğundan emin olabilirsiniz. 'var actualMargin = parseInt (curValue); if (isNaN (actualMargin)) { actualMargin = 0; } ' – Melanie
hızlı/veciz yolu bunu yapmak için:
$('#IDHere').animate({marginLeft: '+=100px'}, 0);
Here's a quick example of this. 0 bunu tek bir karede gerçekleştirir, eğer gerçekten onu canlandırmak isterseniz, 0'u istediğiniz milisaniye olarak değiştirin, like this.
Bu sadece animasyon uygulamak için çalışıyor, ama canlandırmak istemiyorum – Edward
@Relax - '0' bir animasyon değil, 1 kare CSS güncellemesi, bağlantıyı tıklatıp daha hızlı çalışmak değil mi hemen reddetmekten mi? Bu kötü bir yaklaşım ve bu şekilde birçok yeni şey öğrenmeyi özleyeceksiniz, sadece düşünecek bir şey. –
Değer değiştirmeyi tercih ederim, ama bu şekilde çalışacağınızı ve fikrinizin de yaratıcı olduğunu düşünüyorum, :) – Edward
Sadece bu sadece .css kullanarak, 100 eklemek,
$('#element-id').css('margin-left', '+=100px');
geçerli değerini Fetch (aşağıdaki örneğe bakın) geri yazma elde edebilirsiniz –