`
fengyong0912
  • 浏览: 106950 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jQuery插件treeview点击节点名称不展开、收缩节点

    博客分类:
  • JS
阅读更多

修改jquery.treeview.js文件中的applyClasses方法(注释掉两行代码):

修改后的applyClasses方法如下:

 

applyClasses: function(settings, toggler) {
   /*
   this.filter(":has(>ul):not(:has(>a))").find(">span").click(function(event) {
    toggler.apply($(this).next());
   }).add( $("a", this) ).hoverClass();
   */
   
   if (!settings.prerendered) {
    // handle closed ones first
    this.filter(":has(>ul:hidden)")
      .addClass(CLASSES.expandable)
      .replaceClass(CLASSES.last, CLASSES.lastExpandable);
      
    // handle open ones
    this.not(":has(>ul:hidden)")
      .addClass(CLASSES.collapsable)
      .replaceClass(CLASSES.last, CLASSES.lastCollapsable);
      
             // create hitarea
    this.prepend("<div class=\"" + CLASSES.hitarea + "\"/>").find("div." + CLASSES.hitarea).each(function() {
     var classes = "";
     $.each($(this).parent().attr("class").split(" "), function() {
      classes += this + "-hitarea ";
     });
     $(this).addClass( classes );
    });
   }
   
   // apply event to hitarea
   this.find("div." + CLASSES.hitarea).click( toggler );
  },
分享到:
评论

相关推荐

    jQuery插件TreeView异步加载树

    jQuery的TreeView插件支持异步加载,这意味着在用户滚动或点击节点时,只加载当前需要的节点及其子节点。这种加载策略称为按需加载(On-Demand Loading),可以显著减少初始页面加载时间和网络带宽消耗。 实现异步...

    jquery实现点击TreeView文本父节点展开/折叠子节点

    文件中提供了一段JavaScript代码,说明了如何通过jQuery为TreeView节点添加点击事件监听器,并通过绑定事件来改变节点状态。 4.实现细节 文件描述了一个具体的实现方法。这个方法包括两个主要步骤:首先是筛选出...

    jquery插件库(jquery.treeview插件库)

    **jQuery Treeview 插件库详解** jQuery Treeview 是一个流行的JavaScript库,它为HTML列表或表格提供了可交互的树状视图。这个插件库主要用于数据组织和展示,尤其适用于需要层次结构显示的信息,如目录、文件系统...

    Jquery TreeView 树形插件

    jQuery TreeView插件就是这样一个轻量级且强大的工具,它能够将HTML列表转化为交互式的树形结构,使得用户可以方便地展开、折叠节点,进行数据的浏览和操作。接下来,我们将深入探讨这个插件的各个方面。 **1. 插件...

    jquery treeview demo

    用户可以通过点击节点前的图标来展开或折叠子节点,整个过程简洁而直观。 总结来说,jQuery Treeview是构建动态树形视图的强大工具,其灵活性和易用性使其成为开发者在构建Web应用时的重要选择。通过理解并实践上述...

    jsontree (jquery.treeview.js) jQuery插件版

    **jQuery Treeview插件——jsontree解析及应用** `jQuery Treeview` 是一个非常流行的JavaScript库,用于将HTML表格或无序列表转换为可交互的树状视图。在这个特定的版本——`jsontree`,它进一步扩展了功能,能够...

    jQuery-Treeview.js v1.4 官方版.rar

    - **可折叠/展开**:用户可以通过点击节点来展开或折叠其子节点,提供了良好的交互性。 - **样式自定义**:通过CSS可以轻松定制树的外观,以匹配网站的其他设计元素。 - **事件处理**:提供多种事件回调,如`before_...

    jquery.treeview的实现

    `jQuery.treeview` 是一个流行的JavaScript插件,用于将HTML列表转换为可交互的树状视图。这个插件在过去的Web开发中被广泛使用,因为它允许用户以一种层次结构来展示数据,这对于导航和组织大量信息非常有用。在...

    jquery.treeview.rar

    《jQuery Treeview插件详解与应用实践》 在Web开发领域,jQuery库以其简洁的API和强大的功能,深受开发者喜爱。而jQuery Treeview插件,则是这个生态系统中的一个重要组件,它为网页带来了可折叠的树形视图,使得...

    jquery.treeview.zip

    《jQuery Treeview插件详解与应用实践》 jQuery Treeview是一个流行且功能强大的JavaScript库,用于将HTML列表转换为可交互的树形视图。它极大地增强了网站的用户体验,允许用户以更直观的方式浏览和操作层次结构...

    treeview节点选中后添加背景色

    本文将深入探讨如何使用JavaScript来实现“treeview节点选中后添加背景色”,以及在鼠标移开后仍然保持选中状态的效果,直到用户选择其他节点。 首先,我们要理解ASP.NET TreeView的基本工作原理。TreeView控件在...

    jquery实现的一个treeview效果

    这个插件提供了一种优雅的方式来组织和展示内容,用户可以通过点击节点来展开或折叠子节点,从而更好地浏览和理解信息。 实现jQuery Treeview的基本步骤如下: 1. **引入依赖**:在HTML文件中,你需要先引入jQuery...

    jquery.treeview.js树控件

    例如,构建一个文件管理系统,可以通过Treeview展示文件夹和文件结构,用户可以展开/折叠文件夹,点击文件节点来预览或下载文件。 总结,jQuery Treeview.js为Web开发者提供了一种高效、灵活的树形控件解决方案。...

    jquery TreeView源码实例

    jQuery TreeView是一个流行的插件,它允许开发者轻松地将数据组织成层次结构,通常用于展示文件系统、目录结构或者网站导航。这个实例将会帮助你理解其基本原理和实践方法。 首先,要实现jQuery TreeView,你需要...

    jquery_treeview

    在实际应用中,jQuery Treeview提供了丰富的事件和方法,比如`expand()`和`collapse()`用于展开和折叠节点,`select()`和`deselect()`用于选择和取消选择节点,这些功能使得用户交互更加丰富。同时,通过监听`...

    jquery treeview树控件.zip

    通过简单的 CSS 样式和 JavaScript 事件处理,jQuery Treeview 能够提供丰富的用户体验,如点击节点展开/折叠、节点高亮等。 在使用 jQuery Treeview 时,你需要首先在页面中引入 jQuery 库和 Treeview 插件的 JS ...

    bootstrap-treeview树节点实现动态加载(懒加载)

    这意味着当用户首次访问树形视图时,只会加载根节点,当用户展开某个节点时,该节点的子节点才会在后台请求数据并动态添加到视图中。这样,即使树结构包含数千个节点,也不会对初始页面加载时间造成太大影响。 实现...

    jquery.treeview

    `treeview` 插件支持多种配置选项,比如颜色、展开/折叠节点的动画效果、是否显示加减号等。例如,如果你想要默认展开所有节点,可以这样设置: ```javascript $(".treeview").treeview({ collapsed: false });...

    jquery-treeview

    - 展开与折叠:Treeview 支持节点的展开和折叠,用户可以通过点击图标来控制子节点的显示与隐藏。 - 鼠标事件:响应用户的鼠标点击、悬停等操作,提供定制的交互反馈。 - 多样式支持:内置多种预设样式,也可以...

    Jquery TreeView拖拽树

    《jQuery TreeView 拖拽功能详解》 在Web开发中,树形视图(TreeView)是一种常见的数据展示方式,它能清晰地呈现层级关系。jQuery TreeView是jQuery库的一个扩展,提供了丰富的交互功能,包括拖拽操作。本文将深入...

Global site tag (gtag.js) - Google Analytics