Javascript jquery树视图高亮显示选定项
我读文件Javascript jquery树视图高亮显示选定项,javascript,jquery,treeview,Javascript,Jquery,Treeview,我读文件 也用谷歌搜索过,但没有找到简单而好的解决方案,如何突出显示选中的项目。我使用span so not redirect but nothing selected在树状视图中,向添加的分支添加id标记 "<li><span id="myNode1" class='file'>Item2</span></li>" 或者永久更改样式 $('#myNode1').css('styleFloat'); 在树状图中,向添加的分支添加id标记 "&
也用谷歌搜索过,但没有找到简单而好的解决方案,如何突出显示选中的项目。我使用span so not redirect but nothing selected在树状视图中,向添加的分支添加id标记
"<li><span id="myNode1" class='file'>Item2</span></li>"
或者永久更改样式
$('#myNode1').css('styleFloat');
在树状图中,向添加的分支添加id标记
"<li><span id="myNode1" class='file'>Item2</span></li>"
或者永久更改样式
$('#myNode1').css('styleFloat');
您可以在树中选择li项并向其添加事件侦听器,如下所示:
$('#browser li.file').bind('click', function() {
//clear all clicked items if any
$('.clicked').removeClass('clicked');
//set this clicked
$(this).addClass('clicked');
})
在处理函数内部,“this”字指向单击的项。
或者,如果“选择”是指其他内容,您也可以收听所需的事件类型,如示例中所示
$('#browser li.file').bind('mouseover', function() {
... your code ...
})
您可以在树中选择li项并向其添加事件侦听器,如下所示:
$('#browser li.file').bind('click', function() {
//clear all clicked items if any
$('.clicked').removeClass('clicked');
//set this clicked
$(this).addClass('clicked');
})
在处理函数内部,“this”字指向单击的项。
或者,如果“选择”是指其他内容,您也可以收听所需的事件类型,如示例中所示
$('#browser li.file').bind('mouseover', function() {
... your code ...
})
此代码用于在树视图中突出显示文件:
$(document).ready(function(){
$("#index").treeview();
$('#index span.file').bind('click', function() {
//clear all clicked items if any
$('.selected').removeClass('selected');
//set this clicked
$(this).addClass('selected');
});
});
在jquery.treeview.css
中:
.treeview span.file.selected { background-color: #F0FFF0; }
此代码用于在树视图中突出显示文件:
$(document).ready(function(){
$("#index").treeview();
$('#index span.file').bind('click', function() {
//clear all clicked items if any
$('.selected').removeClass('selected');
//set this clicked
$(this).addClass('selected');
});
});
在jquery.treeview.css
中:
.treeview span.file.selected { background-color: #F0FFF0; }
它可能已经过时了,但我在jqueryFileTree.js的FileTree函数(版本2.14)下添加了以下内容
它可能已经过时了,但我在jqueryFileTree.js的FileTree函数(版本2.14)下添加了以下内容
你所选择的项目是什么意思?上次单击的项目?我个人推荐jstree作为jQuery插件来处理这样的树,因为它有一个更大、更广泛的API结构?上次单击的项目?我个人推荐jstree作为jQuery插件来处理这样的树,因为它具有更大、更广泛的API结构。