2016-02-12 24 views
5

jQuery ile inline css eklediğimde, zaten var olan satır içi css biçimini de değiştirir. Örneğin ben url herhangi tırnak işaretleri olmadan bir arka plan görüntüsü varsa ve benjQuery inline css'deki çift tırnak işaretlerinden kaçının.

$('.element').css('padding', '10px'); 

o olacak yeniden biçim komple satır içi css gibi bir şey katacak. (aynı zamanda örneğin background-color: #ffffff; transferleri için -.>background-color: rgb(255,255,255); İşte

biraz keman olduğunu https://jsfiddle.net/chickberger/ppas2zrh/1/

Iam bu satır içi stilleri uygulanan alır sadece jQuery/javscript sözdizimi olduğunu tahmin durum şu edin. arka plan görüntüsü url üzerinde çift tırnak vardır bu? Benim asıl sorunu önlemek için herhangi bir şans var. modifikasyonlar jQuery meydana öznitelik genellikle nasıl

+1

Sorunu JS Fiddle'da görebiliyorum, ancak bunun neden sorun olduğunu göremiyorum. Doğru şekilde çalışıyor gibi görünüyor (en azından Chrome'da). Yeniden biçimlendirmenin size neden sorun yarattığını açıklar mısınız? Belki bir çözüm önerebiliriz. –

+0

geliştirici araçlarında 'outerHTML 'kopyalarsanız, url etrafındaki tırnaklar aslında –

+0

kullanım stilini kullanır. :) –

cevap

1

yılında, tırnak kurtuldu.
Kodu $('.style-me')[0].style.padding = '10px' ile değiştirin ve hiçbir şey değişmeyecektir.

Mozillada olur, kromda olmaz. Ve bunun hakkında hiçbir şey yapamazsın. Muhtemelen, kötü bir fikir olan

gibi özellikler yerine.

+0

Thx yerine' – paperboy

0

. Bu biçimiyle DOM üzerinde niteliğini yeniden yazar.

Sen tek tırnak kullanabilirsiniz veya O tarayıcı var, jquery değil senin satır içi arka planı CSS kuralı

style="background-image: url('single/quotes/around/the/path');" 
İlgili konular