javascript - 修改jQuery插件: Treeview script to expand and collapse function -> exclude area

Question

我对 JS 和 CSS 还是个新手，我在修改脚本时遇到了问题。

本质上，脚本有一棵树，每个 comment 周围都有一个区域，所以当您单击该区域时，插件会展开或折叠。因为我在树中使用链接，它们是可点击的，但如果你在点击时错过了链接，树就会折叠。我只希望 + 和 - 进行扩展/折叠。

http://jquery.bassistance.de/treeview/demo/

CSS:http://qwertysella.us/jquery.treeview.css

JS: http://qwertysella.us/jquery.treeview.js

我试过禁用点击，但它并没有完全解决问题——它点击了，但并不总是:

.treeview .hover { 
/*    cursor: pointer; */
   pointer-events: none;
   cursor: default;
}

我明白，这不是一个很好的构建问题，但我需要建议去哪里看。由于经过数小时的反复试验，我无法确定解决方案。在 Firebug 中，当我指向该区域时，我看到它是 span.file.hover，但我无法找到它的任何 onclick 事件......有点卡住了。

Answer 1

这是我需要禁用的功能:

//   this.filter(":has(>ul):not(:has(>a))").find(">span").unbind("click.treeview").bind("click.treeview", function(event) {
//                // don't handle click events on children, eg. checkboxes
//                if ( this == event.target )
//                    toggler.apply($(this).next());
//                                alert(event.target);
//            }).add( $("a", this) ).hoverClass();