2

OK、jqTreeでスタイル設定された単純なネストされたリストがあります。

jqTree スタイルを使用したネストされたリスト

インスペクターをいじってみると、要素の強調表示を担当する追加のクラスがjqtree-selected.

そして、すべてがうまく機能します。1つのことを除いて：

どの要素が選択されていても、選択の背景 (青みがかった色) が線の全幅を占めるようにします。(現在、要素node1とnode2要素は正常に動作しますが、それらの「子」要素は、強調表示されたときに行全体を占有しません)

これをどのように達成できるかについてのアイデアはありますか?

デモ: http://jsfiddle.net/80589tbx/

4

2 に答える 2

3

さて、疑似しましょう... :)

.jqtree-selected> .jqtree-element::before {
    content:"";
    display:block;
    width:100%;
    position:absolute;
    top:0px;
    left:-100%;
    height:21px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(190, 224, 245)), to(rgb(137, 175, 202)));
}

更新されたフィドル

プラグインのおかげで、デフォルトですでに適用position:relativeさ.jqtree-elementれているため、それを行う必要はありません。

于 2014-09-10T11:12:15.913 に答える
-1

margin-left次の css から削除します。

jquery.jqtree.css 12行目で見つけることができます

ul.jqtree-tree ul.jqtree_common {
display: block;
margin-left: 12px;/**Remove this**/
margin-right: 0;
}
于 2014-09-10T10:35:16.073 に答える