css - 使 列表图像可点击并保持格式

Question

我正在使用 <ul> 制作树控件.单击元素可展开或折叠节点。

列表图像(元素符号)不可点击，因此解决方案似乎是隐藏它们并只显示我自己的图像。这样做的问题是，当一个元素换行到下一行时，列表项的默认换行缩进行为就会丢失。

如何在 CSS 中实现我想要的？

Answer 1

无需用图像替换元素符号。当您将 li 的 onclick 事件绑定(bind)到某个函数时，单击元素符号似乎也会触发它。要将子弹的 onclick 绑定(bind)到不同的函数，将 li 文本内容包装在 span 中并分配不同的 onclick事件；像这样的东西:

$("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 .

希望对您有所帮助!