2010-11-23 22 views
8

.css() ile geri dönüş yapmanın uygun yolu nedir? Bu çoğunlukla font yedeklerinde kullanılacaktır, ancak imleç görüntüleri için kullanıyorum.jQuery .css() geri dönüşler?

$("#dragable").css('cursor','url(images/grabbing.gif), -moz-grabbing, auto'); 

** GÜNCELLEME: Birisi bana başlayanlar için geçerli CSS söyleyebilir

İşte bunu çalışmıyor ne var?

Ben Ne:

cursor: url(images/grabbing.gif), -moz-grabbing, auto; 

... çalışmıyor ** emin değil

+0

yazı yedekleri için, Standart CSS sözdizimini kullanın, örneğin 'jQueryObj.css ({fontFamily: ' "Birincil Yazı", "Yedek Yazı", serif'});'. Diğer mülkler başka bir konu olacak ve bunu umduğum cevaplara kadar bırakacağım. – eyelidlessness

cevap

4

her zaman iyi bir fikir değil. Dinamik sınıfları düşünün.

.cur-draggable { cursor: url(images/grabbing.gif), -moz-grabbing, auto; } 

Ve yerine tarzı kendisi, bu sınıfı eklemeyi deneyin;: sürüklenebilir elemanı için css özgü sınıfta bir yere tanımlayın

$("#dragable").addClass('cur-draggable'); 
+0

... bu hayatı kolaylaştırır. İyi bir fikir. – Dave

1

neden bunu göz ardı eder ancak değerleri DOM yazılıyor olmadığını..

rağmen, css() fonksiyonu gerçekten "tarz" eleman inline özniteliği düzenleme için sadece bir kısayol, bu nedenle aynı sonucu elde etmek için bu yapabilirdi: Dinamik satır içi stilleri kullanma

$("#dragable").attr('style','cursor: url(images/grabbing.gif), -moz-grabbing, auto'); 
+0

Bunun diğer stil özelliklerinin üzerine yazacağını unutmayın. – eyelidlessness

+0

Doğru, ancak bunu önce stil özniteliğinin içeriğini alarak ve ardından dizeyi ekleyerek kolayca atlayabilirsiniz. $ ("# Dragable") gibi bir şey. Attr ('style', $ (this) .attr ('style') + 'imleci: url (images/grabbing.gif), -moz-grabbing, auto'); - kesin sözdiziminin işe yaramayacağından emin değilsiniz, ama prensip oradadır. – RussellUresti