//分頁加載 jQuery(document).ready(function($) {
var loading=false
$('div#post-read-more a').click( function() {
if(loading)return
loading=true
$this = $(this);
$this.removeClass().addClass('loading'); //給a標簽加載一個loading的class屬性,可以用來添加一些加載效果
var href = $this.attr("href"); //獲取下一頁的鏈接地址
if (href != undefined) { //如果地址存在
$.ajax( { //發起ajax請求
url: href, //請求的地址就是下一頁的鏈接
type: "get", //請求類型是get
error: function(request) {
loading=false
},
success: function(data) { //請求成功
loading=false
$this.removeClass('loading'); //移除loading屬性
var $res = $(data).find(".list"); //從數據中挑出文章數據,請根據實際情況更改
$('.box').append($res); //將數據加載加進posts-loop的標簽中。
var newhref = $(data).find("#post-read-more a").attr("href"); //找出新的下一頁鏈接
if( newhref != undefined ){
$("#post-read-more a").attr("href",newhref);
}else{
$("#post-read-more a").html("沒有了").removeAttr("href");
}
}
});
}
return false;
});
});
即點擊加載更多的時候,我想刪掉按鈕的樣式,然后直接采用loading的樣式,.removeClass()好像失效,沒起作用。即點擊加載更多的時候,直接顯示loading這個新按鈕樣式,請問如何做呀
- 4 回答
- 0 關注
- 541 瀏覽
添加回答
舉報
0/150
提交
取消