// jquery的頁面加載函數(shù)
$(function() {
? var loadindex = layer.load(1, {
? ? ? shade: [0.5, '#333']
? })
? $.ajax({
? ? ? url: '../serves/list.php',
? ? ? dataType: 'json',
? ? ? success(res) {
? ? ? ? //? 獲取到所有景點的信息
? ? ? ? ? var data = res.data;
? ? ? ? //? console.log(data);
? ? ? ? // 每一頁給四個數(shù)據(jù)
? ? ? ? ? var pageSize = 4;
? ? ? ? ? new Page("page", {
? ? ? ? ? ? ? language: {
? ? ? ? ? ? ? ? ? first: '首頁',
? ? ? ? ? ? ? ? ? prev: '上一頁',
? ? ? ? ? ? ? ? ? next: '下一頁',
? ? ? ? ? ? ? ? ? last: '尾頁'
? ? ? ? ? ? ? },
? ? ? ? ? ? ? pageData: {
? ? ? ? ? ? ? ? ? pageSize,
? ? ? ? ? ? ? ? ? total: data.length
? ? ? ? ? ? ? },
? ? ? ? ? ? ? show: function(currentPage) {
? ? ? ? ? ? ? ? ? var tmp = data.slice((currentPage - 1) * pageSize, currentPage * pageSize)
? ? ? ? ? ? ? ? //? console.log(tmp);
? ? ? ? ? ? ? ? ? var html = '';
? ? ? ? ? ? ? ? ? tmp.forEach(v => {
? ? ? ? ? ? ? ? ? ? ? html += `
? ? ? ? ? ? ? ? ? ? ? ? ? <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="thumbnail">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <img src="${v.imgpath.split('========')[0]}" alt="...">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="caption">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <h3>${v.name}</h3>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <p class="introduce">${v.introduce}/</p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <a href="detail.html?id=${v.id}" class="btn btn-default" role="button">查看詳情</a>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </p>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? `
? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? $('.scenics').html(html)
? ? ? ? ? ? ? }
? ? ? ? ? })
? ? ? ? ? layer.close(loadindex)
? ? ? }
? })
})
