点击layui tree节点,让href的路径页面在iframe里面打开

在layui tree脚本方法里面添加了参数herf:"xxx",实现的默认效果是在新的页面打开,但是我想要将它放到指定的iframe里面,很简单

下面是我的做法

1.在指定iframe打开页面的标签里面添加name="iframe"

<div class="layui-body">
    <!-- 内容主体区域 -->
    <iframe style="width: 100%; min-height: 500px;" scrolling="no" frameborder="no" name="iframe"></iframe>
</div>

2.点击节点是默认是在新页面打开,查看节点代码主要参数target="_blank",将它更改为target="iframe"即可,那么问题来了,怎样修改它呢?在tree.render方法里面添加回调点击事件,点击节点修改参数即可。

tree.render({
	elem:'#leftTree', //默认是点击节点可进行收缩
	data:treedata,
	isJump:true,
	click: function(){
		$(".layui-tree-txt").attr("target","iframe");
	}
})

我还尝试过另一种方法就是title数据加<a>标签,不过这种方法需要改样式,还是直接改属性的方法方便。

如果大家有更好的方法,请留言分享。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值