masonry+infinitescroll瀑布流布局怎麼傳參?
鏈接的選擇器是:
<div id="navigation"><a href="page?page=1"></a></div>
這裡有個問題,如果<a>標簽的href屬性傳參,例如href="page?page=1&XX=1&..."這樣的,控件就會失效,就連改為href="page?page=0"都會失效,請問有解決的辦法麼?
附JS
<script type="text/javascript">
$(document).ready(function () {
$('.wrapper:eq(1)').masonry({
itemSelector: '.wfc',
gutterWidth: 15,
columnWidth: 222,
isFitWidth: true
});
$('#waterfall').infinitescroll({
navSelector: "#navigation", //導航的選擇器,會被隱藏
nextSelector: "#navigation a", //包含下一頁鏈接的選擇器
itemSelector: ".wfc", //你將要取回的選項(內容塊)
debug: true, //啟用調試信息
animate: true, //當有新數據加載進來的時候,頁面是否有動畫效果,默認沒有
extraScrollPx: 150, //滾動條距離底部多少像素的時候開始加載,默認150
bufferPx: 40, //載入信息的顯示時間,時間越大,載入信息顯示時間越短
errorCallback: function () {
alert('error');
}, //當出錯的時候,比如404頁面的時候執行的函數
localMode: true, //是否允許載入具有相同函數的頁面,默認為false
dataType: 'html', //可以是json
// template: function(data) {
// //data表示服務端返回的json格式數據,這裡需要把data轉換成瀑布流塊的html格式,然後返回給回到函數
// return '';
// },
loading: {
msgText: "加載中...",
finishedMsg: '沒有新數據了...',
selector: '.loading' // 顯示loading信息的div
}
}, function (newElems) {
//程序執行完的回調函數
var $newElems = $(newElems);
$('.wrapper:eq(1)').masonry('appended', $newElems);
});
});
</script>
<div id="navigation"><a href="page?page=1"></a></div>
配置path參數為函數,參數要加載的頁面,返回你需要的的url,或者配置pathParse參數,自己處理url地址
有些API沒有提到上面2個配置,如官網的API就沒有www.infinite-scroll.com/infinite-scroll-jquery-plugin/,實際有這2個配置,具體看源代碼:https://github.com/infinite-scroll/infinite-scroll/blob/master/jquery.infinitescroll.js
$('#waterfall').infinitescroll({
path:function(page){return 'page?page='+page+'&xxx=xxx.....其他參數';},
//...其他配置
至於你的其他參數沒有效果,是因為插件對地址進行了判斷自動提取路徑,你的都不符合,具體看:_determinepath: function infscr_determinepath(path) {這個函數