0

を使用してツリーコントロールを作成してい<ul>ます。アイテムをクリックすると、ノードが展開または折りたたまれます。

リスト画像(箇条書き)はクリックできないので、解決策はそれらを非表示にして自分の画像を表示することだと思われます。これに伴う問題は、アイテムが次の行に折り返されるときに、リストアイテムのデフォルトの折り返しインデント動作が失われることです。

CSSで必要なことをどのように達成できますか?

4

3 に答える 3

2

箇条書きを画像に置き換える必要はありません。onclickのイベントを何らかの関数にバインドするとli、箇条書きをクリックするとそれも起動するようです。ブレットの を別の関数にバインドするには、テキスト コンテンツを でonclickラップし、別のイベントを割り当てます。何かのようなもの:lispanonclick

$("li").click(function() {
   alert("I'm a bullet! Glee's awesome!");
});
$("li span").click(function(event) {
   alert("I'm some text! Glee's awesome!");
   event.stopPropagation(); //make sure the li onclick isn't fired
});

そして、ちょっとしたデモ: little link .

それが役に立ったことを願っています!

于 2012-08-31T08:12:08.593 に答える
1

これを使用できます:

li { 
    padding-left: 1em;
    text-indent: -1em;
}

することもできます

#myDiv { 
    padding-left: 1em;
    text-indent: -1em;
}

これにより、リスト/div の最初の行の後にインデントされます。

display: block;うまくいかない場合は、要素に a を追加する必要がある場合もあります。テストしていませんが、試してみてください。

于 2012-08-31T07:46:34.833 に答える
1

タグの前の箇条書きは、 http: //jsfiddle.net/jfriend00/5xzNR/<li>で完全にクリックできるように見えるので、通常のタグをクリックできるようにするだけでよいと思います。<li>

于 2012-08-31T07:53:32.803 に答える