bootstrap-treeview自定义节点选中事件,刚进页面第一次点击有效果,后面就没效果了?

图片说明图片说明

代码:
$("ul.list-group > li > span.glyphicon-unchecked").bind("click",function(){
var nodeId = $(this).parent().attr("data-nodeid");
checkNodeEvent(nodeId);
});

//选中节点

function checkNodeEvent(nodeId){
if(nodeId!=undefined){
var node = $('#treeview-checkable').treeview("getNode",nodeId);
var childNodes = new Array();
childNodes = node.nodes;
for(var i=0;i<childNodes.length;i++){
// $('#treeview-checkable').treeview("checkNode",childNodes[i]);
childNodes[i].state.checked = true;
/*
var nodeid = childNodes[i].nodeId;
var liObj = $("li[data-nodeid='"+nodeid+"']");
$(liObj).addClass("node-checked");
var child = $(liObj).child("span.glyphicon-unchecked").eq(0);
$(child).attr("class",
"icon check-icon glyphicon glyphicon-check");
*/
checkNodeEvent(checkNodeEvent.nodeId);
}
}
}

4个回答

我有遇见过这种问题,但是我的一般是jquery版本在本地的不行,必须调用网上的才行,我感觉是第一次加载加载了jqeury,之后就不管用了~就不知道你这是什么问题了

图片说明

bind("click",function()

我也遇到这个问题了,你解决可没有?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Bootstarp-TreeView获取选中节点

showCheckbox: true, 固定三级, 全部 A A-A A-B B B-A 大概是这样的结构 如何获得选中的第三级几点的nodeId $('#tree').treeview('getSelected', nodeId); 显示Uncaught ReferenceError: nodeId is not defined

bootstrap treeView 如何追加节点

_bootstrap treeView 如何追加节点_? 看了api和其他demo没发现有增加节点的方法

bootstrap-treeview为什么不显示收展按钮

![图片说明](https://img-ask.csdn.net/upload/202005/29/1590739852_576987.png) 代码如下: ``` <script type="text/javascript"> (function () { function getTree() { $.get("/get_department_tree/", function(data){ {#data = JSON.parse(data);#} if(data.result='ok'){ $('#tree').treeview({ data: data.data, levels : 3, showBorder: true, showTags: true, showCheckbox:1 }); } }); } getTree(); })() </script> ``` 数据格式是这样的: {"data": [{"id": 1, "text": "总经办", "nodes": [{"id": 4, "text": "IT", "nodes": [{"id": 6, "text": "耗材"}], "tags": [1]}, {"id": 5, "text": "软件"}], "tags": [2]}, {"id": 2, "text": "项目部"}, {"id": 3, "text": "商务部", "nodes": [{"id": 7, "text": "采购"}], "tags": [1]}], "result": "ok"}

求bootstrap-treeview.min.js源码,未压缩的

bootstrap-treeview.min.js压缩的不好看,而且惨不忍睹,谁有未压缩的啊????

使用bootstrap TreeView怎样把选中的数据提交到后台

使用bootstrap TreeView怎样把选中的数据提交到后台

请教一个关于bootstrap tree获取父级节点的问题

看了bootstrap treeview的官方api,获取一个节点的父级节点使用以下方式 ``` var parentNode = $('#treeview').treeview('getParent', childNode.nodeId); alert(parentNode.text); ``` 结果是一个函数对象,我想获取父级节点的text,各种尝试,甚至便利这个对象的所有属性和方法,都没有找到,请教各位高手解答下。

Treeview设置点击节点跳转到对应页面后,该节点变色

如题,我想在节点比如点击节点A跳到A.aspx,显示是A.aspx之后,在该页面中,这个节点A的背景色是改变了颜色的。还有就是想让treeview相对于所在的表格中居中显示,不过我表格已经设置了valign为Top了,有没有什么方法进行设置。在vs2010下开发的

bootstrap treeview 右边显示内容

我的界面分为两部分,左边是treeview树结构(已完成),我想要点击左边的 treeview某个节点,右边会显示相应的div(不同的div是在右边同一位置显示, 每次显示一个div,未点击的节点对应的div不显示)。给点实例啊

bootstrap treeview 如何调用fuction方法来创建树

从github找到的bootstrap-treeview.js文件中有Tree.prototype.buildTree = function(nodes, level)这个方法,但是不知道如何调用这个方法,在自己的js文件中我是这样写的 var $checkableTree = $('#treeview-checkable').treeview({...}),请问该如何成功调用这个方法呢,从后台获取的json格式的数据,应该是拆成一个一个节点和所在的层次嘛,主要就是不知道如何调用buildTree方法。prototype不是应该是对象的引用嘛,那是不是就是通过创建对象来调用方法,哪个才是treeview的对象呢,就是这样。

bootstrap-treeview 能否设置背景图片?

用treeview实现如下效果, ![图片说明](https://img-ask.csdn.net/upload/201904/17/1555491801_286818.png) 能否用背景图片实现?

TreeView 重复点选同一节点时触发事件

TreeView 重复点选同一节点时触发事件,在点选同一节点时有哪些事件?

jquery生成treeview如何获取节点的id

``` <script> $(function(){ var data=[{"id":"36","name":"\u6d4b\u8bd5\u5206\u7c7b","type":"product","pgid":"18"},{"id":"37","name":"\u4e09\u7ea7\u5206\u7c7b","type":"product","pgid":"36"},{"id":"38","name":"7777","type":"product","pgid":"37"},{"id":"53","name":"888","type":"product","pgid":"38"},{"id":"54","name":"99999","type":"product","pgid":"38"},{"id":"55","name":"6666","type":"product","pgid":"26"},{"id":"26","name":"11111","type":"product","pgid":"19"},{"id":"20","name":"\u4ea7\u54c1\u5206\u7c7b","type":"product","pgid":"19"},{"id":"18","name":"\u4ea7\u54c1\u5206\u7c7b","type":"product","pgid":"0"},{"id":"19","name":"\u4ea7\u54c1\u5206\u7c7b","type":"product","pgid":"0"},{"id":"21","name":"11111","type":"product","pgid":"19"},{"id":"22","name":"11111","type":"product","pgid":"19"},{"id":"23","name":"11111","type":"product","pgid":"19"},{"id":"24","name":"11111","type":"product","pgid":"19"},{"id":"25","name":"11111","type":"product","pgid":"19"},{"id":"27","name":"11111","type":"product","pgid":"19"},{"id":"28","name":"11111","type":"product","pgid":"25"},{"id":"29","name":"11111","type":"product","pgid":"25"}]; $('#browser').showTree({data:data,bindings:{ 'pg_update':{ val:'修改', ismy:1, cb:function(t) { // 在这里 如何获取 当前点击的id } }, 'pg_delete':{ val:'删除', ismy:1, cb:function(t) { alert('delete'); } }, 'pg_add':{ val:'新增', ismy:1, cb:function(t) { alert('add'); } } },callback:function(t){ alert('this click'); }}); }); </script> ``` ![](http://pic.wenwen.soso.com/p/20141222/20141222151732-165552506.jpg) 这是运行效果 如何点击节点 获取当前节点id

bootstrap-switch中三选一的问题

今天遇到了一个问题,卡了很久。 当存在三个bootstrap-switch时,要求其中一个打开的时候(任意一个),其余两个状态关闭。 在页面中的显示:![图片说明](https://img-ask.csdn.net/upload/201607/14/1468496796_18647.png) 在jsp中的代码为:![图片说明](https://img-ask.csdn.net/upload/201607/14/1468496969_840920.png) bootstrap-switch中的代码是公司给的封装好的模板里面自动生成

treeview高亮显示查找到的节点,并且展开显示所有选择的节点

treeview高亮显示查找到的节点,并且展开显示所有选择的节点。关闭显示所有其它的节点怎么做?

Bootstrap-vue版本,如何编辑scss?

使用的是:https://bootstrap-vue.js.org/docs/ ,不是bootstrap,是without jquery版本的。 然后用vue-cli3 初始化项目添加完bootstrap-vue版本后,没看到能编辑scss的地方。我需要定制bootstrap,但是已经没看到跟bootstrap4.3一样的scss了。有遇到过的兄弟么,去哪里编辑bootstrap的scss啊。 问题是根源是: 现在bootstrapV5已经出现了 without jquery的版本,不想要jquery集成在vue里,所以就使用了这个bootstrap-vue的官方版本。这就导致了看不到scss了,也可能是我自己没找到如何编辑这个bootstrap-vue的官方版本

自动补全(bootstrap-typeahead)利用ajax获取数据,求教

自动补全(bootstrap-typeahead)利用ajax获取数据,求教

请教bootstrap-select问题

我在html里面使用bootstrap-select 在本页面显示正常,点击也能显示下拉数据,但是当我在另一个页面使用jquery的load方法局部刷新这个页面的时候,就显示不出来了,网上查了资料说$('.selectpicker').selectpicker('refresh')一下,这下可以显示出来了,但是无法点击下拉框![图片说明](https://img-ask.csdn.net/upload/201711/30/1512029776_782224.jpg),火狐的控制台报这个错误

Bootstrap-select问题

在select加载数据中使用以下方式加载后 ``` $('.selectpicker').on('show.bs.select',function(e){ $.ajax({ url: basePath, dataType: "json", success: function (data) { var optArr = []; for (var i = 0; i < data.length; i++) { $('.selectpicker').append("<option value=" + data[i].userName + ">" + data[i].userName + "</option>"); } $('#name').selectpicker({ size:5//设置下拉框长度 ---该地方未反应 }); // 缺一不可 $('#name').selectpicker('refresh'); $('#name').selectpicker('render'); } }); }); ``` 在标记处设置的下拉框长度没用效果,加载了N长数据。求解决方式;(没又对不对的问题,我这个是重新敲上来的 ,实际在使用的,没有代码错误)

bootstrap-table 分页如何设置点击事件

![图片说明](https://img-ask.csdn.net/upload/201708/25/1503629407_274126.png) 我想设置点击事件修改css样式,但是不知道如何设置,请大神知道

linux下利用/proc进行进程树的打印

在linux下利用c语言实现的进程树的打印,主要通过/proc下的目录中的进程文件,获取status中的进程信息内容,然后利用递归实现进程树的打印

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

Python数据分析与挖掘

92讲视频课+16大项目实战+源码+¥800元课程礼包+讲师社群1V1答疑+社群闭门分享会=99元 &nbsp; 为什么学习数据分析? &nbsp; &nbsp; &nbsp; 人工智能、大数据时代有什么技能是可以运用在各种行业的?数据分析就是。 &nbsp; &nbsp; &nbsp; 从海量数据中获得别人看不见的信息,创业者可以通过数据分析来优化产品,营销人员可以通过数据分析改进营销策略,产品经理可以通过数据分析洞察用户习惯,金融从业者可以通过数据分析规避投资风险,程序员可以通过数据分析进一步挖掘出数据价值,它和编程一样,本质上也是一个工具,通过数据来对现实事物进行分析和识别的能力。不管你从事什么行业,掌握了数据分析能力,往往在其岗位上更有竞争力。 &nbsp;&nbsp; 本课程共包含五大模块: 一、先导篇: 通过分析数据分析师的一天,让学员了解全面了解成为一个数据分析师的所有必修功法,对数据分析师不在迷惑。 &nbsp; 二、基础篇: 围绕Python基础语法介绍、数据预处理、数据可视化以及数据分析与挖掘......这些核心技能模块展开,帮助你快速而全面的掌握和了解成为一个数据分析师的所有必修功法。 &nbsp; 三、数据采集篇: 通过网络爬虫实战解决数据分析的必经之路:数据从何来的问题,讲解常见的爬虫套路并利用三大实战帮助学员扎实数据采集能力,避免没有数据可分析的尴尬。 &nbsp; 四、分析工具篇: 讲解数据分析避不开的科学计算库Numpy、数据分析工具Pandas及常见可视化工具Matplotlib。 &nbsp; 五、算法篇: 算法是数据分析的精华,课程精选10大算法,包括分类、聚类、预测3大类型,每个算法都从原理和案例两个角度学习,让你不仅能用起来,了解原理,还能知道为什么这么做。

广工操作系统课程设计(文档+代码+可执行文件)

实现作业调度(先来先服务)、进程调度功能(时间片轮转) 实现内存管理功能(连续分配)。 实现文件系统功能(选作) 这些功能要有机地连接起来

Only老K说-爬取妹子图片(简单入门)

安装第三方请求库 requests 被网站禁止了访问 原因是我们是Python过来的 重新给一段 可能还是存在用不了,使用网页的 编写代码 上面注意看匹配内容 User-Agent:请求对象 AppleWebKit:请求内核 Chrome浏览器 //请求网页 import requests import re //正则表达式 就是去不规则的网页里面提取有规律的信息 headers = { 'User-Agent':'存放浏览器里面的' } response = requests.get

linux“开发工具三剑客”速成攻略

工欲善其事,必先利其器。Vim+Git+Makefile是Linux环境下嵌入式开发常用的工具。本专题主要面向初次接触Linux的新手,熟练掌握工作中常用的工具,在以后的学习和工作中提高效率。

Python代码实现飞机大战

文章目录经典飞机大战一.游戏设定二.我方飞机三.敌方飞机四.发射子弹五.发放补给包六.主模块 经典飞机大战 源代码以及素材资料(图片,音频)可从下面的github中下载: 飞机大战源代码以及素材资料github项目地址链接 ————————————————————————————————————————————————————————— 不知道大家有没有打过飞机,喜不喜欢打飞机。当我第一次接触这个东西的时候,我的内心是被震撼到的。第一次接触打飞机的时候作者本人是身心愉悦的,因为周边的朋友都在打飞机, 每

Python数据清洗实战入门

本次课程主要以真实的电商数据为基础,通过Python详细的介绍了数据分析中的数据清洗阶段各种技巧和方法。

2019 Python开发者日-培训

本次活动将秉承“只讲技术,拒绝空谈”的理念,邀请十余位身处一线的Python技术专家,重点围绕Web开发、自动化运维、数据分析、人工智能等技术模块,分享真实生产环境中使用Python应对IT挑战的真知灼见。此外,针对不同层次的开发者,大会还安排了深度培训实操环节,为开发者们带来更多深度实战的机会。

apache-jmeter-5.1.1(Requires Java 8+).zip

。Apache JMeter 5.1.1 (Requires Java 8+),需要jdk8以上的版本。

数通HCNP中文理论全套教材.rar

内涵HCNP-IENP中文理论书-内文,

Python可以这样学(第四季:数据分析与科学计算可视化)

董付国老师系列教材《Python程序设计(第2版)》(ISBN:9787302436515)、《Python可以这样学》(ISBN:9787302456469)配套视频,在教材基础上又增加了大量内容,通过实例讲解numpy、scipy、pandas、statistics、matplotlib等标准库和扩展库用法。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

我以为我对Mysql事务很熟,直到我遇到了阿里面试官

太惨了,面试又被吊打

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

图书管理系统(Java + Mysql)我的第一个完全自己做的实训项目

图书管理系统 Java + MySQL 完整实训代码,MVC三层架构组织,包含所有用到的图片资源以及数据库文件,大三上学期实训,注释很详细,按照阿里巴巴Java编程规范编写

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

C/C++学习指南全套教程

C/C++学习的全套教程,从基本语法,基本原理,到界面开发、网络开发、Linux开发、安全算法,应用尽用。由毕业于清华大学的业内人士执课,为C/C++编程爱好者的教程。

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

2021考研数学张宇基础30讲.pdf

张宇:博士,全国著名考研数学辅导专家,教育部“国家精品课程建设骨干教师”,全国畅销书《张宇高等数学18讲》《张宇线性代数9讲》《张宇概率论与数理统计9讲》《张宇考研数学题源探析经典1000题》《张宇考

专为程序员设计的数学课

<p> 限时福利限时福利,<span>15000+程序员的选择!</span> </p> <p> 购课后添加学习助手(微信号:csdn590),按提示消息领取编程大礼包!并获取讲师答疑服务! </p> <p> <br> </p> <p> 套餐中一共包含5门程序员必学的数学课程(共47讲) </p> <p> 课程1:《零基础入门微积分》 </p> <p> 课程2:《数理统计与概率论》 </p> <p> 课程3:《代码学习线性代数》 </p> <p> 课程4:《数据处理的最优化》 </p> <p> 课程5:《马尔可夫随机过程》 </p> <p> <br> </p> <p> 哪些人适合学习这门课程? </p> <p> 1)大学生,平时只学习了数学理论,并未接触如何应用数学解决编程问题; </p> <p> 2)对算法、数据结构掌握程度薄弱的人,数学可以让你更好的理解算法、数据结构原理及应用; </p> <p> 3)看不懂大牛代码设计思想的人,因为所有的程序设计底层逻辑都是数学; </p> <p> 4)想学习新技术,如:人工智能、机器学习、深度学习等,这门课程是你的必修课程; </p> <p> 5)想修炼更好的编程内功,在遇到问题时可以灵活的应用数学思维解决问题。 </p> <p> <br> </p> <p> 在这门「专为程序员设计的数学课」系列课中,我们保证你能收获到这些:<br> <br> <span> </span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">①价值300元编程课程大礼包</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">②应用数学优化代码的实操方法</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">③数学理论在编程实战中的应用</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">④程序员必学的5大数学知识</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">⑤人工智能领域必修数学课</span> </p> <p> <br> 备注:此课程只讲程序员所需要的数学,即使你数学基础薄弱,也能听懂,只需要初中的数学知识就足矣。<br> <br> 如何听课? </p> <p> 1、登录CSDN学院 APP 在我的课程中进行学习; </p> <p> 2、登录CSDN学院官网。 </p> <p> <br> </p> <p> 购课后如何领取免费赠送的编程大礼包和加入答疑群? </p> <p> 购课后,添加助教微信:<span> csdn590</span>,按提示领取编程大礼包,或观看付费视频的第一节内容扫码进群答疑交流! </p> <p> <img src="https://img-bss.csdn.net/201912251155398753.jpg" alt=""> </p>

DDR5_Draft_Spec_Rev05c.pdf

DDR5 spec

Java面试史上最全的JAVA专业术语面试100问 (前1-50)

前言: 说在前面, 面试题是根据一些朋友去面试提供的,再就是从网上整理了一些。 先更新50道,下一波吧后面的也更出来。 求赞求关注!! 废话也不多说,现在就来看看有哪些面试题 1、面向对象的特点有哪些? 抽象、继承、封装、多态。 2、接口和抽象类有什么联系和区别? 3、重载和重写有什么区别? 4、java有哪些基本数据类型? 5、数组有没有length()方法?String有没有length()方法? 数组没有length()方法,它有length属性。 String有length()方法。 集合求长度用

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

Python界面版学生管理系统

前不久上传了一个控制台版本的学生管理系统,这个是Python界面版学生管理系统,这个是使用pycharm开发的一个有界面的学生管理系统,基本的增删改查,里面又演示视频和完整代码,有需要的伙伴可以自行下

2019数学建模A题高压油管的压力控制 省一论文即代码

2019数学建模A题高压油管的压力控制省一完整论文即详细C++和Matlab代码,希望对同学们有所帮助

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

相关热词 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行 c# 循环给数组插入数据 c# 多线程死锁的例子 c# 钉钉读取员工排班 c# label 不显示 c#裁剪影像 c#工作进程更新ui
立即提问