導(dǎo)讀:程序開發(fā)程序開發(fā)很多朋友在找織夢(mèng)網(wǎng)站實(shí)現(xiàn)PJAX的教程，這里淘站網(wǎng)整理了一篇文章來(lái)統(tǒng)一解決大家的問(wèn)題! 加入 Pjax 后，我們的網(wǎng)站可以實(shí)現(xiàn)無(wú)刷新加載網(wǎng)頁(yè)，加上一個(gè)良好的過(guò)度網(wǎng)站優(yōu)化seo培訓(xùn)網(wǎng)站建設(shè)多少錢。

很多朋友在找織夢(mèng)網(wǎng)站實(shí)現(xiàn)PJAX的教程，這里淘站網(wǎng)整理了一篇文章來(lái)統(tǒng)一解決大家的問(wèn)題! 加入 Pjax 后，我們的網(wǎng)站可以實(shí)現(xiàn)無(wú)刷新加載網(wǎng)頁(yè)，加上一個(gè)良好的過(guò)度 loading 動(dòng)畫，這樣用 […]

很多朋友在找織夢(mèng)網(wǎng)站實(shí)現(xiàn)PJAX的教程，這里淘站網(wǎng)整理了一篇文章來(lái)統(tǒng)一解決大家的問(wèn)題!

加入 Pjax 后，我們的網(wǎng)站可以實(shí)現(xiàn)無(wú)刷新加載網(wǎng)頁(yè)，加上一個(gè)良好的過(guò)度 loading 動(dòng)畫，這樣用戶的體驗(yàn)度會(huì)更好一些。

引入jquery.pjax.js資源

在網(wǎng)站的標(biāo)簽前加入如下資源引入代碼：

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>     //如網(wǎng)站已引入jquery , 可以忽略 <script src="https://api.dyboy.cn/static/js/jquery.pjax.js" type="text/javascript"></script>

包裹刷新區(qū)域

自己在網(wǎng)頁(yè)需要無(wú)刷新效果的地方，比如網(wǎng)站的 body 標(biāo)簽下的一個(gè) 包裹著網(wǎng)站的全部?jī)?nèi)容，那么要刷新 wrap 包裹的內(nèi)容區(qū)域。

下一步，就是在標(biāo)簽前，添加如下的代碼：

<script type="text/javascript"> $(document).pjax('a[target!=_blank]', '#wrap', {fragment: '#wrap',timeout: 8000}); //#wrap為刷新的id     $(document).on('pjax:send', function() {     $(".loading").css("display", "block");     //預(yù)加載函數(shù)可寫在這里 }); $(document).on('pjax:complete', function() {     //回調(diào)函數(shù)     $("img[src$=jpg],img[src$=jpeg],img[src$=png],img[src$=gif]").parent("a[class!=noview]").addClass("swipebox");     if( $('pre').length ){ prettyPrint(); }     //回調(diào)函數(shù)解決文章頁(yè)代碼不高亮的問(wèn)題     $(".loading").css("display", "none");     //pjax加載結(jié)束的回調(diào)函數(shù) 解決js無(wú)法定位的問(wèn)題     //重新定位容器內(nèi)容的函數(shù)寫在這里 }); </script>

關(guān)鍵詞標(biāo)簽: 加載 標(biāo)簽 網(wǎng)頁(yè)