5

CSSのみを使用してJStreeノードのアイコンを変更する方法を見つけようとしていますか? javascript でそれを行うことについて説明している投稿がたくさんありますが、私は css のみを使用することを好みます。

これまでの私のコードは次のとおりです。

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

そしてHtml：

<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>

CSS については、jstree が提供するデフォルトのスタイル シートを使用しています。jstree が提供するドキュメントは本当にくだらないものです。したがって、stackoverflow は大きな助けになりますが、ウェブサイトでこれを見つけることができませんでした。

さらにコードや情報が必要な場合は、お問い合わせください。ありがとう

4

1 に答える 1

6

これを CSS に含めるだけです。

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

</p>

これは正しく機能するフィドルです（2016年更新）：

于 2012-06-20T19:56:05.847 に答える