導讀:程序開發程序開發很多朋友在找織夢網站實現PJAX的教程，這里淘站網整理了一篇文章來統一解決大家的問題! 加入 Pjax 后，我們的網站可以實現無刷新加載網頁，加上一個良好的過度網站優化seo培訓網站建設多少錢。

很多朋友在找織夢網站實現PJAX的教程，這里淘站網整理了一篇文章來統一解決大家的問題! 加入 Pjax 后，我們的網站可以實現無刷新加載網頁，加上一個良好的過度 loading 動畫，這樣用 […]

很多朋友在找織夢網站實現PJAX的教程，這里淘站網整理了一篇文章來統一解決大家的問題!

加入 Pjax 后，我們的網站可以實現無刷新加載網頁，加上一個良好的過度 loading 動畫，這樣用戶的體驗度會更好一些。

引入jquery.pjax.js資源

在網站的標簽前加入如下資源引入代碼：

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

包裹刷新區域

自己在網頁需要無刷新效果的地方，比如網站的 body 標簽下的一個 包裹著網站的全部內容，那么要刷新 wrap 包裹的內容區域。

下一步，就是在標簽前，添加如下的代碼：

<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");     //預加載函數可寫在這里 }); $(document).on('pjax:complete', function() {     //回調函數     $("img[src$=jpg],img[src$=jpeg],img[src$=png],img[src$=gif]").parent("a[class!=noview]").addClass("swipebox");     if( $('pre').length ){ prettyPrint(); }     //回調函數解決文章頁代碼不高亮的問題     $(".loading").css("display", "none");     //pjax加載結束的回調函數 解決js無法定位的問題     //重新定位容器內容的函數寫在這里 }); </script>

關鍵詞標簽: 加載 標簽 網頁