人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jstreeのノードに改行を入れたい

お世話になります。
以下より[jstree]を使ってツリーメニューを作成しているのですが
ノードに改行を入れると次の行に改行以降の文言が被ってしまいます。

下記サイトや検索もしたのですがそれらしい情報が見つかりませんでした
http://www.jstree.com/

>|html|
<html>
<head>
<link rel="stylesheet" href="js/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="js/jstree/dist/themes/default/style.min.css" />
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
</head>

<body>
<div id="jstree">
<ul>
<li>1
<ul>
<li>1-1</li>
<li>1-2
<ul>
<li>1-2-1</li>
<li>1-2<br>-2被ってしまう部分</li>
<li>1-2-3</li>
</ul>
</li>
</li>
</ul>
</ul>
</div>

<script src="js/jstree/dist/libs/jquery.js"></script>
<script src="js/jstree/dist/jstree.min.js"></script>
<script>
$(function () {

//指定要素をjstreeインスタンス化
$('#jstree').jstree({

});

});
</script>

</body>
</html>
||<


●質問者: teioh12
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy

CSSに以下を追加するとどうなりますか。

.jstree-anchor {
 vertical-align: baseline;
}

a-kuma3さんのコメント
"jstree multi-line" で、ググると、こんなのがひっかかる。 https://groups.google.com/forum/#!topic/jstree/cFodTQTyVyk https://code.google.com/p/jstree/issues/detail?id=670 GitHub のアイコンから、Ivan Bozhanov は [https://github.com/vakata/jstree:title=jstree の GitHub] の本人と思われるのだけれど、今年の書き込みで、本人から、こんな書き込みが。 >https://groups.google.com/forum/#!topic/jstree/tgrRL7Y-Ifc> I did not plan on supporting multi-line labels. Anyway I can have a look as soon as 3.0.0 final is released. << [http://www.jstree.com/demo/:title=jstree の demo] のスタイルを確認すると、メニューの項目の li の内側にある DIV.jstree.wholerow が position:absolute になってるので、一筋縄ではいかない感じがします。

teioh12さんのコメント
Lhankor_Mhyさん a-kuma3 さん 反応遅れてしまい申し訳ございません。 お二人ともご回答ありがとうございます 色々試してみたのですが現時点では難しそうですね 公式で対応するのを期待したい所ですが望みも薄そう
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ