第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

求教一下大家,加載圖片時(shí)只加載有限張,點(diǎn)擊加載更多再加載其他圖片是怎么做到的?

求教一下大家,加載圖片時(shí)只加載有限張,點(diǎn)擊加載更多再加載其他圖片是怎么做到的?

比如有二十張圖片,一開始顯示出來五張,最下方顯示加載更多按鈕。點(diǎn)一下加載更多,就在原來基礎(chǔ)上再顯示五張圖片。這是怎么弄得呀,希望大家可以告訴我一下。謝謝。
查看完整描述

3 回答

已采納
?
堂堂堂堂糖糖糖童鞋

TA貢獻(xiàn)101條經(jīng)驗(yàn) 獲得超58個(gè)贊

動(dòng)態(tài)加載:需要用到的前端技術(shù)有ajax,jQuery(js)

具體實(shí)現(xiàn),

首先從數(shù)據(jù)庫加載相關(guān)的20張圖片路徑,然后放到標(biāo)簽中顯示(可以通過分頁的方式)

其次就是記載更多了,頁面無刷新,通過jQuery,為按鈕追加點(diǎn)擊事件,觸發(fā)ajax操作,

//可以是這樣?
$.ajax({
????請求路徑
????method:"post",//請求方式
????data:{"times":times,"count":count},//請求參數(shù)
????dataType:"json",//返回?cái)?shù)據(jù)類型
????success:function(data)?{
????????//通過jQuery追加數(shù)據(jù)到末尾就行了
????}
})

data:{"times":times,"count":count}解析:times為第幾次獲取數(shù)據(jù),count為要獲取的數(shù)量

到數(shù)據(jù)庫就是這樣的查詢select * from _picture limit (20+(times-1)*count), count,(mysql中),只寫了關(guān)鍵的語句,把返回的數(shù)據(jù)通過jQuery操作就行了,如果不行的話,再問我!

查看完整回答
反對 回復(fù) 2016-01-21
?
從此蛻變

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超3個(gè)贊

var?dataInt_0={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'},{'src':'5.jpg'}]};?
var?dataInt_1?=?...
$('body').on('click','body',function(){
????$.each(dataInt.data,?function(index,?value){
????????$('<img>').attr('src','./images/'?+?$(?value).attr(?'src')?).appendTo($(body));
????});
});


查看完整回答
1 反對 回復(fù) 2016-01-21
  • 3 回答
  • 1 關(guān)注
  • 4530 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)