iframe 点击左侧菜单栏右侧显示相应的网页内容

最新推荐文章于 2022-08-11 14:28:08 发布

原创最新推荐文章于 2022-08-11 14:28:08 发布 · 2.5w 阅读

57 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #实例

一个简单iframe 点击左侧菜单栏右侧显示相应的网页内容的实例

左侧菜单栏用ul li 写的 id是区分各个菜单
这里写图片描述

右侧内容有两个相同的div 用id区分
这里写图片描述
jquery部分

这里写图片描述

   $('[id="row-"]').hide();
        $("#row-all").show();
        $('[id="title-"]').on("click", function() {
            var clickName=$(this).attr('id').substring(6);
            var showTabId='Chart-'+clickName;
            $('[id="row-"]').hide();
            $('#'+showTabId).show();
        })