Jquery jstree和<a>标签的冲突问题

本文介绍如何解决使用SimpleTree树形插件时遇到的&lt;a&gt;标签无法实现页面跳转的问题,并提供了几种可行的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 在做项目的时候发现,使用的是simple Tree树形插件,但是点击<a>无法实现页面的跳转!

树里面的结点的话当然不能通过传这样的JSON数据了 
因为插件肯定要考虑拿走你的HREF,不然树的结点怎么控制展开与收缩呢。。。 
树结点外面的链接,我试过了,还是能正常使用的。 

Html代码   收藏代码
  1. <li><a href="http://www.google.com"><ins>&nbsp;</ins>Node 2</a></li>  


但可以这样 
Html代码   收藏代码
  1. <li class="closed"><a href="#"><ins>&nbsp;</ins>Node 1</a></li>  
  2. <li><a href="http://www.google.com" onclick="javascript:window.location.href='http://www.baidu.com';"><ins>&nbsp;</ins>Node 2</a></li>  


或者这样也行 
Html代码   收藏代码
  1. <li><a href="http://www.google.com" onclick="javascript:window.open('http://www.baidu.com');"><ins>&nbsp;</ins>Node 2</a></li>  

如果是使用iframe框架做的页面,实现跳转可以使用

<a href="#" onclick="window.open('url','target')">




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值