easyui的tabs标签不重复打开的方法

最新推荐文章于 2023-04-16 10:08:28 发布

qq_37516425

最新推荐文章于 2023-04-16 10:08:28 发布

阅读量827

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37516425/article/details/75374237

本文介绍如何使用 jQuery EasyUI 实现菜单与选项卡的联动效果。通过监听菜单点击事件，判断是否为叶子节点并检查选项卡是否存在，若不存在则新增选项卡，并加载指定 URL 的内容。

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

<script >
    $(document).ready(function(){
        $("#menu").tree({
            onClick:function(node){
                if($("#menu").tree("isLeaf",node.target)){
                    if($("#tabs").tabs("exists",node.text)) {
                       $("#tabs").tabs("select",node.text);  
                    }else
                    {
                     $("#tabs").tabs(
                 	"add",{
                     title:node.text,
                     href:node.attributes.url,
                     closable:true
})
                    }
                }
            }

        })

    })

</script>