文档章节

为jeesite框架左侧菜单添加未读条数

旺仔没馒头
 旺仔没馒头
发布于 2017/09/09 19:49
字数 385
阅读 23
收藏 0
点赞 0
评论 0

        在做项目时,有一个功能是在左侧菜单上添加一个未读条数,由于项目用到是jeesite框架,其页面內容的显示是在iframe中,因此,大致的实现思路是,在iframe页面中,找到父级元素中对应的菜单,为其添加一个未读条数就行。

以下是添加未读条数的主要js,因为项目要兼容到ie8,因此对ie9以下的浏览器做了兼容处理

var leftMenuNum = {
    addNum: function (num, numColor) {
        var color = numColor == undefined ? "#ff0000" : numColor;
        var count = num == undefined ? 0 : num;
        var endNumReg = null;
        if (this.isLessIE9()) {
            endNumReg = new RegExp("\<FONT color=(.*)>[0-9]+</FONT>");
        } else {
            endNumReg = new RegExp("\<font color=(.*)>[0-9]+</font>");
        }
        var content = "<font color=\"" + color + "\">" + count + "</font>";
        var appendContent = "[" + content + "]";
        var $jerichotab = $("#jerichotab", window.parent.document);
        var $topTab = $jerichotab.children("div[class='tab_pages']").children("div[class='tabs']").find("li[class='jericho_tabs tab_selected']");
        var topTabId = $topTab.attr("id");
        var menuTabIndex = null;
        var $leftMenu = null;
        var $menu = $("li[class='active']", window.parent.document);
        if (topTabId == null || topTabId == undefined || topTabId == '') {
            $leftMenu = $menu.children('a');
        } else {
            menuTabIndex = topTabId.substring(topTabId.indexOf('_') + 1, topTabId.length + 1);
            $leftMenu = $menu.children('a[jerichotabindex=' + menuTabIndex + ']');
        }
        var menuContent = $leftMenu.html();
        if (!endNumReg.test(menuContent)) {
            $leftMenu.html('');
            $leftMenu.html(menuContent + appendContent);
        } else {
            var newContent = menuContent.replace(endNumReg, content);
            $leftMenu.html(newContent);
        }
    },
    isLessIE9: function () {
        var browser = navigator.appName
        var b_version = navigator.appVersion
        var version = b_version.split(";");
        var trim_Version = version[1].replace(/[ ]/g, "");
        if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE6.0") {
            return true;
        }
        else if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE7.0") {
            return true;
        }
        else if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE8.0") {
            return true;
        }
        else if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE9.0") {
            return false;
        }
        return false;
    }
}

        在想要添加左侧未读条数的页面,添加如下代码,第一个参数为显示的条数,第二个参数是数字的颜色,默认的条数为0,颜色为红色

leftMenuNum.addNum(10,"#000");

以下便是页面效果:

© 著作权归作者所有

共有 人打赏支持
旺仔没馒头
粉丝 2
博文 15
码字总数 10924
作品 0
潍坊
程序员
JeeSite环境搭建及运行和打包(master20161117)

涉及的软件: 1、phpStudy(主要用MySql) 2、maven3(用于依赖包,下面我将上传已经下载好所有依赖包的版本,保证运行正常) 具体操作: 0、前言 由于GitHub上的Release版本没有及时更新,所...

easonjim ⋅ 2016/11/18 ⋅ 0

jeesite 快速开发平台 初体验

http://www.jeesite.com/ GitHub:https://github.com/thinkgem/jeesite 开源中国:http://git.oschina.net/thinkgem/jeesite 更多文档 https://github.com/thinkgem/jeesite/tree/master/do......

晨猫 ⋅ 05/21 ⋅ 0

JeeSite4.0,一直报这个问题,求解释

DEBUG [com.jeesite.common.io.PropertiesUtils] - Loading jeesite config: [classpath:/config/jeesite-core.yml, classpath:config/jeesite.yml, classpath:config/application.yml, clas......

陈豫 ⋅ 05/08 ⋅ 0

JeeSite 4.0.3 发布,企业级快速开发平台

新增 新增:core项目增加单元测试支持类 ApplicationTest.java 新增:代码生成config.xml支持自定义,放同目录下config-custom.xml文件即可覆盖 新增:shiro.allowRequestMethods 参数,可指...

ThinkGem ⋅ 05/30 ⋅ 0

jeesite shiro+redis实现cache和session共享

jeesite这个开源框架本身集成的有shiro+redis来实现cache和session共享,但是需要修改一下文件配置即可 首先找到spring-context-shiro.xml文件 找到bean id为sessionDAO,将其修改为如下 <!...

wangxujun59 ⋅ 06/21 ⋅ 0

jeesite访问页面时不存在

生成代码时把包路径com.thinkgem.jeesite.modules改为自己定义的,访问不了页面,我把spring-context.xml中和和扫描basePackage下所有以@MyBatisDao注解的接口都添加了自己定义的包,是不是还有...

nicele ⋅ 04/19 ⋅ 0

JeeSite 4.0.2 发布,企业级快速开发平台

新增 新增:支持分布式事务,多数据源下事务支持 新增:支持MyBatisDao注解指定数据源名称,Dao层动态切换数据源 新增:国际化底层框架、通用组件、机构管理功能和代码生成模板 新增:Linux...

ThinkGem ⋅ 04/22 ⋅ 0

jeesite 扩展手机验证和密码验证

$.validator.addMethod("mobile",function(value,element,params){

wangxujun59 ⋅ 06/12 ⋅ 0

jeesite v4.0.2多数据源配置问题

现在项目管理后台想用jeesite4.0,需要支持多数据源配置。自己配置了一天也不好使。请问有做过类似的同学分享下经验。感激不尽。最好能有详细的配置步骤。谢谢了

crazyYXD ⋅ 05/04 ⋅ 0

解析 Kindle 剪贴文件中的笔记和标记 - clippings-gem

Clippings Clippings 能够解析 Kindle 剪贴文件中的笔记和标记。 安装 Add this line to your application's Gemfile: gem 'clippings' And then execute: $ bundle Or install it yourself......

杜小豆 ⋅ 03/02 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

CentOS7克隆后网卡配置问题

首先默认第一台虚拟机网卡信息为: TYPE="Ethernet" BOOTPROTO=static DEFROUTE="yes" PEERDNS="yes" PEERROUTES="yes" IPV4_FAILURE_FATAL="no" #IPV6INIT="yes" #IPV6_AUTOCONF=“yes” #I......

北岩 ⋅ 今天 ⋅ 0

Guava EventBus源码解析

一、EventBus使用场景示例 Guava EventBus是事件发布/订阅框架,采用观察者模式,通过解耦发布者和订阅者简化事件(消息)的传递。这有点像简化版的MQ,除去了Broker,由EventBus托管了订阅&...

SaintTinyBoy ⋅ 今天 ⋅ 0

http怎么做自动跳转https

Apache 版本 如果需要整站跳转,则在网站的配置文件的<Directory>标签内,键入以下内容: RewriteEngine on RewriteCond %{SERVER_PORT} !^443$ RewriteRule ^(.*)?$ https://%{SERVER_NAME......

Helios51 ⋅ 今天 ⋅ 0

Python爬虫,抓取淘宝商品评论内容

作为一个资深吃货,网购各种零食是很频繁的,但是能否在浩瀚的商品库中找到合适的东西,就只能参考评论了!今天给大家分享用python做个抓取淘宝商品评论的小爬虫! 思路 我们就拿“德州扒鸡”...

python玩家 ⋅ 今天 ⋅ 0

MySQL 内核深度优化

MYSQL数据库适用场景广泛,相较于Oracle、DB2性价比更高,Web网站、日志系统、数据仓库等场景都有MYSQL用武之地,但是也存在对于事务性支持不太好(MySQL 5.5版本开始默认引擎才是InnoDB事务...

java高级架构牛人 ⋅ 今天 ⋅ 0

用户登录信息-钉子效果(基于jquery2.0)

本js效果使用jquery2.0,清晰的分解用户登录信息的(钉子效果),该效果直接用在作者网站(www.phpkhbd.com)上。 里面的难点有:定时器,延时。 大致效果如下: 一开始: 鼠标放上去的时候:...

宁哥实战课堂 ⋅ 今天 ⋅ 0

expect

官网:https://core.tcl.tk/expect/index Introduction Expect is a tool for automating interactive applications such as telnet, ftp, passwd, fsck, rlogin, tip, etc. Expect really m......

刀锋 ⋅ 今天 ⋅ 0

为什么要学习Typescript???

简单来说 目前的typescript就是未来的javascript 为什么?? 这要从ECMA-262标准的第4版说起 对了 我们说的ES5 其实是ECMAScript3.1这个替代性建议被扶正了而已... 那么 第4版标准是什么? 看看...

hang1989 ⋅ 今天 ⋅ 1

linux安装ipfs

一、下载ipfs # cd /usr/local/ipfs/ # wget https://dist.ipfs.io/go-ipfs/v0.4.15/go-ipfs_v0.4.15_linux-amd64.tar.gz # tar -zxvf go-ipfs_v0.4.15_linux-amd64.tar.gz 二、安装ipfs # ......

八戒八戒八戒 ⋅ 今天 ⋅ 0

jvm程序执行慢诊断手册

生产环境最多的几种事故之一就是程序执行慢,如果是web服务的话,表现就是响应时间长。本文分享,从业多年形成的排查守则。 诊断步骤 系统资源查看 首先是系统资源查看,而且必须是在第一步。...

xpbob ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部