ztree插件的模糊搜索功能参考官网 http://www.treejs.cn/v3/demo.php#_101
实现功能效果:
![](https://img.haomeiwen.com/i7755559/065ec29659e5f4f7.png)
存在的bug:
鼠标上移显示title时带有标签,官网demo也是如此
![](https://img.haomeiwen.com/i7755559/2cdea9f35da4adf6.png)
解决办法(个人记录,仅供参考,有更好解决办法的欢迎分享):
// 修复ztree title
initJqZtree() {
jQuery(document).on('mouseenter', '.ztree li a', ztreeHover)
function ztreeHover() {
var titleStr = jQuery(this).attr('title')
titleStr = titleStr.replace('<span style="color: red;vertical-align: bottom;">', '')
titleStr = titleStr.replace('</span>', '')
jQuery(this).attr('title', titleStr)
}
}
网友评论