jquery插件之定時查詢待處理任務(wù)數(shù)量
更新時間：2014年05月01日 08:23:21 作者：
這篇文章主要介紹了jquery定時查詢待處理任務(wù)數(shù)量插件示例
使用方法：
復(fù)制代碼 代碼如下:
$("#todo_tip").pull_todo_count();
后臺返回值
復(fù)制代碼 代碼如下:
{"todo_count":3}
js文件
復(fù)制代碼 代碼如下:
(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代碼
復(fù)制代碼 代碼如下:
{% if user.is_authenticated %}
<span id="todo_tip" style="display: none;"></span>
{% endif %}
相關(guān)文章
這篇文章主要介紹了實例講解JQuery中this和$(this)的區(qū)別,this表示當(dāng)前的上下文對象是一個html對象,可以調(diào)用html對象所擁有的屬性和方法,$(this),代表的上下文對象是一個jquery的上下文對象,可以調(diào)用jquery的方法和屬性值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jquery實現(xiàn)預(yù)覽提交的表單代碼,需要的朋友可以參考下2014-05-05
從jQuery 1.4.3起， HTML 5 data- 屬性 將自動被引用到j(luò)Query的數(shù)據(jù)對象中。也就是說雖然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3庫以上的.還是可以 在非HTML5的頁面或瀏覽器里, 仍然可以使用.data(obj)方法來操作"data-*" 數(shù)據(jù).2014-08-08
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)百葉窗效果，利用li的定位，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
本篇文章主要介紹了JQuery中解決重復(fù)動畫的辦法，有分別有圖片滾動輪播，回到頁面頂部，聯(lián)級菜單滑出，手風(fēng)琴等效果，有需要的朋友可以來看一下。2016-10-10
jQuery實現(xiàn)的簡單折疊菜單(折疊面板)效果代碼
這篇文章主要介紹了jQuery實現(xiàn)的簡單折疊菜單(折疊面板)效果代碼,涉及jQuery中slideToggle與toggleClass方法的靈活使用技巧,需要的朋友可以參考下2015-09-09
jQuery Ajax向服務(wù)端傳遞數(shù)組參數(shù)值的實例代碼
在使用MVC時，向服務(wù)器端發(fā)送POST請求時有時需要傳遞數(shù)組作為參數(shù)值,下面通過實例代碼給大家介紹jQuery Ajax向服務(wù)端傳遞數(shù)組參數(shù)值的方法，一起看看吧2017-09-09
jQuery lazyload 的重復(fù)加載錯誤以及修復(fù)方法
jQuery lazyload是一款延遲加載圖片的的插件，原意是按需加載，當(dāng)圖片出現(xiàn)在可視區(qū)域時進(jìn)行加載，但是官方的插件經(jīng)過firebug的檢測可知，并不能節(jié)省流量開支，反而有重復(fù)加載的現(xiàn)象。2010-11-11
這篇文章主要介紹了jquery 抽獎小程序的相關(guān)資料,這里提供了詳細(xì)的思路及實現(xiàn)代碼和實現(xiàn)效果圖，需要的朋友可以參考下2016-10-10
回車執(zhí)行跳到下一個文本框，在本文通過jquery簡單實現(xiàn)下，需要的朋友可以參考下2013-08-08