jquery插件之定时查询待处理任务数量

使用方法：


代码如下:

$("#todo_tip").pull_todo_count();

后台返回值


代码如下:

{"todo_count":3}

js文件

代码如下:

(function ($) {
    var element;
    $.fn.pull_todo_count = function () {
        var a = $('<a>0个审核待申请</a>');
        a.attr("href","/process/todo_list");
        a.appendTo($(this));
        $(this).hide();
        element = $(this);
        timerRequestData();
    };
    function timerRequestData() {
        $.ajax({
            url:'/pull_todo_count',
            type:'get',
            data:null,
            dataType:'json',
            success:function(data){
                var count = data["todo_count"];
                console.log(count);
                if(count > 0){
                    element.children("a").html(count+"个审核待申请");
                    element.show();
                }else{
                    element.hide();
                }
            }
        });
        setTimeout(timerRequestData,60000);
    }
})(jQuery);

模板html代码

代码如下:

{% if user.is_authenticated %}
<span id="todo_tip" style="display: none;"></span>  
{% endif %}

赞 (0)

相关推荐

  • 基本jquery的控制tabs打开的数量的代码

    复制代码 代码如下: var tabcount = $('#tabs').tabs('tabs').length;修改addTab 方法为:function addTab(subtitle, url, icon) { var tabcount = $('#tabs').tabs('tabs').length; if (tabcount <= 5) { if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { titl

  • jquery实现文本框数量加减功能的例子分享

    jquery实现文本框数量加减功能的例子分享

    下面是使用jquery实现的代码. 效果图: 源码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>

  • jQuery实现购物车多物品数量的加减+总价计算

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery实现购物

  • jQuery统计指定子元素数量的方法

    本文实例讲述了jQuery统计指定子元素数量的方法.分享给大家供大家参考.具体分析如下: jQuery可以通过 > 访问子标签,然后通过size获得子标签的数量 <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"> </div> <span><span&g

  • jQuery检测输入的字符串包含的中英文的数量

    方法一: $(document).ready(function () { var tempStr = "abcdefg我们都是好孩子"; var pattern_char = /[a-zA-Z]/g; var pattern_chin = /[\u4e00-\u9fa5]/g; var count_char = tempStr.match(pattern_char).length; var count_chin = tempStr.match(pattern_chin).length;

  • jQuery实现统计复选框选中数量

    代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码 jQuery代码: 复制代码 代码如下: function countNum(){           //alert($('input[name=check]:checked').length);          var arrays = new Array();           var items = document.getElementsByName("check");           for(var

  • jquery插件之定时查询待处理任务数量

    使用方法: 复制代码 代码如下: $("#todo_tip").pull_todo_count(); 后台返回值 复制代码 代码如下: {"todo_count":3} js文件 复制代码 代码如下: (function ($) {    var element;    $.fn.pull_todo_count = function () {        var a = $('<a>0个审核待申请</a>');        a.attr(

  • jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）

    jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）

    select2是一款jQuery插件,是普通form表单select组件的升级版. 可以定制搜索.远程数据集(Remote data,本篇主要介绍点).无限滚动(数据分页功能,这一点很妙).还有很多高端的参数设置(有需要的下次介绍). 内置了40种国际化语言,不过这里我们只需要用到中文. 同时支持现代和传统浏览器内置,甚至包括惹人不高兴的IE8. 那么,现在让我们开始一段select2的奇幻之旅吧! 一.惊艳的效果,来一睹为快吧 本地实战结果 二.导入css和js到网站上 1.使用CDN,节省自

  • 初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能

    初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能

    解决思路:1. 在标题处增加一个[-][+]号,供用户点击. 2. 用户收缩和展开屏幕的行为保存在Cookie里面.页面重新加载或者用户重新登录系统,仍然能记住用户的行为. 优点:1.使用Jquery插件的形式来做,容易扩展.容易实现. 2. 保存在Cookie的行为,容易实现,减少工作量,用户也能接收.如保存在数据库,则增加页面的负载. 缺点:不能每个页面使用单独行为,既是:每次用户的收缩和扩展在系统都是全局的.并且到其他计算机登录.或者清除缓存之后,就不能记住用户的操作了. 首先使用js函数

  • jquery插件方式实现table查询功能的简单实例

    1. 写插件部分,如下: ;(function($){ $.fn.plugin = function(options){ var defaults = { //各种属性,各种参数 } var options = $.extend(defaults, options); this.each(function(){ //功能代码 var _this = this; }); } })(jQuery); 附上一个例子: ;(function($){ $.fn.table = function(optio

  • PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)

    PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)

    1.首先做主页面Ajax_pag.php 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ajax做分页</title> <script src="bootstrap/js/jquery-1.11.2.min.js"></script> <script src="Ajax_

  • Jquery插件编写简明教程

    复制代码 代码如下: /* 1.jQuery插件文件名推荐命名为 jquery.[插件名].js 以免和其他javascript库插件混淆.例如命名为jquery.color.js 2.所有的对象方法名都应当附加到jQuery.fn对象上而所有的全局函数都应当附加到jQuery对象本身上. 3.在插件内部,this指向的是当前通过选择器获取的jquery对象,而不像一般方法哪样,例如chick()方法,内部的this指向的dom元素 4.可以通过this.each来遍历所有元素 5.所有的方法或

  • jQuery+Ajax实现限制查询间隔的方法

    本文实例讲述了jQuery+Ajax实现限制查询间隔的方法.分享给大家供大家参考,具体如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Jquery20150305.aspx.cs" Inherits="Jquery20150305" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

  • jQuery插件实现大图全屏图片相册

    大图全屏图片相册jQuery插件,支持左右按钮切换以及点击大图自动切换图片,基于jQuery插件jQuery.album.js,插件支持参数自定义功能,viewMode:0没有缩略图 1有缩略图  2缩略图.全屏幕.可以对图片进行左右转,具体的参数大家可以查看jQuery.album.js文件,总之效果很不错,喜欢的朋友可学习下 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q

  • jQuery实现内容定时切换效果完整实例

    本文实例讲述了jQuery实现内容定时切换效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

  • jQuery 插件实现随机自由弹跳气泡样式

    jQuery 插件实现随机自由弹跳气泡样式

    一个基于jQuery的气泡动画插件,在指定区域上方(左/右)定时间隔产生气泡,然后随机水平速度进行仿自由落体运动.到达区域底部之后做弹跳运动,速度逐渐衰减.直至停止运动. 在线演示 安装方法 由于是基于jQuery的扩展插件,因此引入jQuery是必须的. 此外,还需引入插件自身的实现脚本. <scriptsrc="https://code.jquery.com/jquery-1.12.4.min.js"></script> <scriptsrc=&quo

随机推荐