2012-06-19 14 views
5

Sadece CSS kullanarak JStree düğümünün simgesini nasıl değiştireceğimi bulmaya çalışıyorum? Javascript ile bunu açıklayan bir sürü mesaj var ama sadece css kullanmayı tercih ediyorum.Sadece css kullanarak JStree düğümünün simgesi nasıl değiştirilir?

$("#treeview").jstree().on('loaded.jstree', function() 
{ 
    $("#treeview").jstree('open_all'); 
}); 

Ve Html: CSS için

<div id="treeview"> 
    <ul> 
    <li> 
     <a href="#">abcdefghijkl</a> 
     <ul> 
     <li> 
      <a href="#" onclick="goTo('index.php?module=klimaat&amp;pagina=dashboard&amp;id=6',false);"> 
      Beneden</a> 
     </li> 
     <li> 
      <a href="#" onclick="goTo('index.php?module=klimaat&amp;pagina=dashboard&amp;id=7',false);"> 
      Boven</a> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</div> 

i jstree tarafından teslim varsayılan stil sayfasını kullanıyorum

İşte benim şimdiye kadar kod. Jstree tarafından sağlanan belgeler gerçekten berbat. Yani stackoverflow büyük bir yardımdır, ancak bunu web sitesinde bulamadım.

Daha fazla kod veya bilgiye ihtiyacınız varsa, lütfen sorunuz. Teşekkür

cevap

6

Sadece CSS içinde bu eklemek zorunda:

a .jstree-icon 
{ 
    background-image: url("yourimage.png")!important; 
    background-position: 0!important; 
} 

This is a fiddle düzgün çalışmasını (updated 2016): i can

+1

sayesinde ben bu daha sonra bu güne çalışacağız . Umarım işe yarar o zaman cevabın dışında olurum;) – RTB

+1

Cevabınız benim için tam olarak işe yaramadı, bu yüzden bu .jstree-default li a ins { arka plan: url ("../ images/icoons/search.png ") 0px 0px no-repeat! önemli; } – RTB

+0

Cevap oldukça eski, jsfiddle çalışmıyor, ama yine de sorun yok. Ayrıca tepki jsonunun ikon özelliğini kullanmasını ve css sınıf ismini geçmesini tavsiye edebilirim. –

İlgili konular