求助 在点击新增节点时怎么让新增的节点ztree获取选中节点

来源：蜘蛛抓取(WebSpider) 时间：2017-09-23 02:54 标签： ztree 点击节点选中
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
页面刚加载显示的
点击加号会添加节点
我现在做的就是点加号就一直是添加节点了。。我想点一次添加，点第二次隐藏掉。后面就是隐藏显示之间切换。。
求个大神帮帮忙吧。。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
先判断你要加的东西是否已经存在了就好。
如果不存在，添加如果已存在，切换显隐状态 (toggle)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
假设+号按钮类为show，-号按钮类为hide，要被添加的元素div类为.append_div数据结构为
&div class="cityList"&
&div class="listItem"&
&a href="" class="show"&+&/a&
&a href="" class="hide"&-&/a&
&div class="append_div"&
被添加的数据为
var appendHtml = '&ul&' +
'&li&&a href=""&...&/a&&/li&' +
//显示数据
$('.show').click(function(){
//加载数据
$(this).parent().find('.append_div').append(appendHtml);
//隐藏自身，同时显示-号
$(this).hide();
$(this).parent().find('.hide').show();
//隐藏数据
$('.hide').click(function(){
//移除添加的元素
$(this).parent().remove('.append_div');
//或者只隐藏
//$(this).parent().find('.append_div').hide();
//隐藏自身，同时显示+号
$(this).hide();
$(this).parent().find('.show').show();
如果想点击显示和隐藏有缓慢效果，可以这么做
//在1秒内完成显示操作
$(this).parent().find('.show').show(1000);
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果是添加删除，就判断有没有就可以了。如果是只是切换显示隐藏，就判断当前状态就好了。jquery1.9之前：$('#example').click(function(){$("#example2").toggle();})jquery1.9之后：$('#example').click(function(){
if($("#example2").is(":hidden")){
$("#example2").show();
$("#example2").hide();
另外也可以通过toggleClass切换类，用类的css来实现
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
点击时判断下有没有，有就隐藏，没有就插入
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
toggle方法，你查一下JQ文档学习下就会了
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
一种方法是判断有没有这个节点有就删除，没有就添加。二种方法可以添加一个标识变量add=truevar add=trueclick处理函数{
//添加节点
//删除节点
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：3167人阅读
jquery（11）
javaScript（31）
最近项目组需要在新增的元素上增加时间，有人说用live方法后来使用的时候发现jquery没有该方法（1.7以上就没了）替换为on&
除了jquery api官方的例子外还有以下的例子可以在新增的元素上添加事件
$(document).on(&click&,'#lyysb a',function(){
if(!$(this).hasClass('cur')){
$(this).addClass('cur');
$(this).removeClass('cur');
但是把事件绑定在docunmet就和原来的live方法没有区别了。原先的live()方法，处理函数是默认绑定在document对象上不能变的，如果DOM嵌套结构很深，事件冒泡通过大量祖先元素会导致较大的性能损失。而使用.on()方法，事件只会绑定到$()函数的选择符表达式匹配的元素上，因此可以精确地定位到页面中的一部分，而事件冒泡的开销也可以减少。
&div id=&zkdiv&&
&input type=&button& value=&展开& id=&zk& class=&zk&/& &br&
例如我会在zkdiv中动态添加多个class=&zk&的dom节点，也想对动态增加的节点绑定相同的事件则可以通过以下代码实现
//展开按钮点击触发事件
$(&#zkdiv&).on(&click&,&.zk&,function(){
console.log(&on 点击一次&);
var html2 = &&input type='button' class='zk' value='新生成的展开' /&&;
$(&#zkdiv&).append(html2);这样一来处理函数就绑定到#zkdiv的选择器上去了，事件冒泡导致的性能损失会大大降低（使用该方法时要确保.on前面的选择器能选择到对象 否则不起作用）
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：82276次
积分：1450
积分：1450
排名：千里之外
原创：61篇
转载：12篇
(2)(1)(1)(3)(1)(1)(1)(5)(6)(2)(8)(2)(4)(4)(3)(1)(9)(3)(5)(6)(1)(5)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'jquery添加节点时能有点击事件 - 打你一下 - 博客园
&script&&& &&& &&& &var n=0;&& &&& &&& &$(".dj").on('click',function(){&& &&& &&& &&& &n=$(this).parent().children(".box-center-content").children("table").;&& &&& &&& &&& &console.log(n);&& &&& &&& &&& &if(n&4){&& &&& &&& &&& &&& &alert("最多能添加5个二级菜单！");&& &&& &&& &&& &}else{&& &&& &&& &&& &&& &&& &&& &&& &&& &&& &&& &&& &&& &$(this).parent().children(".box-center-content").append('&table&&tr&&td colspan="2"&二级栏目&/td&&/tr&&tr&&td&标题：&/td&&td&&input type="text" value="" name="name"/&&span class="classre"&x&/span&&/td&&/tr&&/table&');&& &&& &&& &}&& &&& &&& &&& &});&& &&& &&& &var i=0;&& &&& &&& &$(".box-top").on('click',function(){&& &&& &&& &&& &i++;&& &&& &&& &&& &if(i&2){&& &&& &&& &&& &&& &&& &&& &&& &&& &}else{&& &&& &&& &&& &$(".box").append($(".box .box-center:eq(0)").clone(true));&& &&& &&& &&& &$(".box .box-center:eq("+i+") .box-center-top .box-center-content table:gt(0)").remove();&& &&& &&& &&& &}&& &&& &&& &});
用下面的点击才能有点击事件&& &&& &&& &$("body").on("click",".classre", function(e){ && &&& &&& &&& &$(this).parent().parent().parent().parent().remove();&& &&& &&& &});&& &&& &&/script&js实现点击添加一个input节点
投稿：hebedich
字体：[ ] 类型：转载 时间：
本文给大家分享的是一段点击自动添加inpu节点的代码，非常的简单实用，这里推荐给大家。
代码过于简洁，就不多说废话了，直接奉上：
&&&&&&&&& function text(){
&&&&&&&&&& var obj=document.createElement("input");
&&&&&&&&&& obj.value="1";
&&&&&&&&&& document.body.appendChild(obj);
&&&&&&&&&&& }
&&/script&
&a href="javascript:text()"&add&/a&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 ztree 点击节点选中 的文章

 

随机推荐