jquery文件树高亮显示已选中
jquery file tree highlight selected
我正在实现一个jQueryFileTree(http://www.abeautifulsite.net/jquery-file-tree/)作为文件浏览器,并希望用户单击的每个文件或目录都保持高亮显示。我知道这可以使用简单的JavaScript或CSS来完成,但我对源代码的理解还不够好,不知道如何或在哪里实现高亮显示。有人能给我指正确的方向吗?
好吧,您可以使用click
处理程序捕获单击,并使用addClass
添加一个类。
$('.thing-i-will-click-on').click(function() {
$(this).addClass('selected');
});
您也可以使用类似的方法删除类。
$('.selected').removeClass('selected');
把这两件事结合起来应该会得到你想要的结果。
所以经过一点修改,我开始工作了!
首先,您必须进入jqueryFileTree.js并修改其中的第80行:
h($(this).attr('rel'));
至:
h($(this));
这将返回单击的对象,而不是文件名。要在.fileTree定义中的函数(文件(中获得文件名,您必须使用:
file.attr('rel');
现在您有了对象,可以在函数(文件(中使用它来突出显示代码。(选中的是我创建的改变背景颜色的CSS类(
$(".selected").removeClass('selected');
file.addClass('selected');
$('#your_filelist_id').fileTree({
root: '/',
script: '/connectors/jqueryFileTree.php'
}, function(file) {
var flist = $('#your_filelist_id a[rel="' + file + '"]');
if(flist.hasClass('selected')) {
flist.removeClass('selected');
}
else {
flist.addClass('selected');
}
});
相关文章:
- 从桌面读取python文件时高亮显示代码
- 高亮显示时编辑文本大小和颜色
- 高亮显示与数组字符串一起使用时文本插件中断
- FF视图源|脚本高亮显示为红色
- 父页面的角度路由器导航高亮显示
- OpenLayers在悬停时高亮显示功能,并在单击时选择
- 当DIV中的文本高亮显示时,如何获得DIV中Span的值?(Javascript)
- 延迟高亮显示文本区域中的文本
- Mootools:如何在点击时保持元素高亮显示并停止所有事件
- 高亮显示单击菜单链接
- Firefox-当不在输入控件上时隐藏焦点高亮显示
- 高亮显示包含<br>以及重新格式化网格
- 使用下拉选择菜单高亮显示一行表格单元格
- 如何限制javascript高亮显示函数的使用次数
- 在GXT中激活上下文菜单时,如何保持选中的文本高亮显示?(EXT GWT 2.x)
- html5中的文本高亮显示
- Markdown语法高亮显示未按预期工作
- D3js连续一个接一个地高亮显示条
- Javascript:搜索和高亮显示包括HTML标记
- 单击并用CTRL+C复制值时高亮显示html表格单元格