Soru Nasıl dahil edilir? Jquery'de önemli


JQuery kullanarak css özniteliğinde önemli eklemeye çalışıyorum

$("tabs").css('height','650px;!important');

ama önemli değil hiçbir etkisi yoktur. JQuery'de nasıl dahil edilir?


44
2017-12-31 17:03


Menşei


Değer ve! Önemli arasındaki noktalı virgül olmadan deneyebilir misiniz? - Pekka 웃
Hayır. Çalışmıyor !! - Soft
Marc W'nin cevabı cevabı. Gerek yok, önemli. - Zack The Human
Marc W'nin cevabı teknik olarak doğru cevap olsa da, klokop'un cevabı işe yarıyor - Soft


Cevaplar:


Görünüşe göre jQuery'de bunu yapmak mümkündür:

$("#tabs").css("cssText", "height: 650px !important;");

src: http://bugs.jquery.com/ticket/2066


108
2017-12-31 19:42



Bu, eleman üzerindeki diğer satır içi stillerin üzerine yazsa da ... - Alex Kinnee
Her ne kadar, $ (elem) .css ('cssText', $ (elem) .css ('cssText') + "yeni css") hakkınız var mı? ;) - Juan
Burada cssText nedir? - Diffy
@Diffy, cssText, 'style' özelliğinin 'cssText' özelliğidir. (ör. element.style.cssText) - klokop
Bunu daha iyi kullan. stackoverflow.com/a/11963008/3356679 - oriadam


Bu sorunu şu şekilde çözdüm:

inputObj.css('cssText', inputObj.attr('style')+'padding-left: ' + (width + 5) + 'px !IMPORTANT;');

Yani satır içi stil kaybolmaz, sonuncu ilk geçersiz kılar.


5
2018-05-05 12:16





Daha önemli özellikler eklemek de mümkündür:

inputObj.attr('style', 'color:black !important; background-color:#428bca !important;');


2
2017-09-12 11:03





İhtiyacın yok !important JQuery ile değiştirirken CSS değiştirirken style Doğrudan DOM'daki öğelerle ilgili özellik. !important belirli bir stil kuralının daha düşük bir seviyede geçersiz kılınmasına izin vermek için yalnızca stil sayfalarında gerekir. değiştirme style direkt olarak olduğu gidebileceğin en düşük seviye, yani !important anlamı yok.


0
2017-12-31 17:10



Mevcut bir önemli kuralı geçersiz kılmak istemediğiniz sürece… - Quentin
Evet: eğer bir !important Geçersiz kılmayı denediğiniz stil sayfasında, buna ihtiyacınız var $().css(). - Paul D. Waite
Diğer yorumların ima ettiği gibi, bu sadece yanlıştır. İken style özniteliği olmadan uygulanan tüm CSS'yi geçersiz kılar !importantuygulandığı CSS'yi etkilemez. !important. - Makyen
Sadece bu yanlış değil, OP ihtiyaç duyduğunda NASIL sormadı - nodws


Eğer jQuery kullanmanız gerekiyorsa, birden fazla öğe için önemli olan, bunu nasıl yapacağınızdır.

Örneğin. ayarlamak img max-width ve max-height etiketlerini her birine 500 piksel x

$('img').css('cssText', "max-width: 500px !important;' + "max-height: 500px !important;');

0
2018-06-28 20:53





Örneğin, içinde önemli kuralların bulunduğu bir css'yi geçersiz kılmanız gerekiyorsa, örneğin, son zamanlarda koştum, bir wordpress temasını geçersiz kılmak için gerekli! Temayı bozmak için önemli scss kuralları, ancak kodumu webpack ile gönderiyorum ve (Bunun nedenini - -) css'imin aktarılan javascript'ten sonra zincirde geldiğini anladım. Stil sayfanızda, kaskadındaki ilk önemli kuralı geçersiz kılan ayrı bir sınıf kuralı ekleyebilir ve daha ağır ağırlıklı sınıfı değiştirebilirsin. Dinamik olarak css'yi ayarlamaktan daha iyidir. Sadece bir düşünce.


0
2017-07-12 20:36





Bunu jQuery ile yapamazsınız. style etiket). Ancak, vanilya'ya gidebilirsin:

$('.tabs').each(function () {
    this.style.setProperty('height', '650px', 'important');
});

Ve bunu yaparak jQuery'ye ihtiyacınız olmayacak, yani:

document.querySelectorAll('.tabs').forEach(function (element) {
    element.style.setProperty('height', '650px', 'important');
});

-1
2018-04-02 14:55