手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery插件之定时查询待处理任务数量
jquery插件之定时查询待处理任务数量
摘要:使用方法:复制代码代码如下:$("#todo_tip").pull_todo_count();后台返回值复制代码代码如下:{"todo_co...

使用方法:

复制代码 代码如下:

$("#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"></span>

{% endif %}

【jquery插件之定时查询待处理任务数量】相关文章:

Jquery注册事件实现方法

javascript实时显示当天日期的方法

jquery实现的判断倒计时是否结束代码

jquery插件validation实现验证身份证号等

jQuery插件expander实现图片翻转特效

jQuery使用zTree插件实现树形菜单和异步加载

AspNet中使用JQuery boxy插件的确认框

jQuery基于图层模仿五星星评价功能的方法

jQuery插件datepicker 日期连续选择

javascript基础知识分享之类与函数化

精品推荐
分类导航