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

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

響應(yīng)時(shí)更改頁面大小

響應(yīng)時(shí)更改頁面大小

PHP
慕田峪4524236 2023-09-22 14:32:46
我正在使用引導(dǎo)程序......我的問題是如何更改我在腳本中聲明的頁面大小。避免分頁時(shí)出現(xiàn)異常空間。 這是一張圖片當(dāng) Col-xl-3 時(shí),我的頁面大小將為 12當(dāng) Col-lg-4 時(shí),我的頁面大小將為 9當(dāng) Col-md-6 時(shí),我的頁面大小將為 8(更改響應(yīng)時(shí)顯示的頁面內(nèi)容量)pageSize = 8;pagesCount = $(".content").length;var totalPages = Math.ceil(pagesCount / pageSize);$('.pagination').twbsPagination({  totalPages: totalPages,  visiblePages: 3,  onPageClick: function(event, page) {    var startIndex = (pageSize * (page - 1));    var endIndex = startIndex + pageSize;    $('.content').hide().filter(function() {      var idx = $(this).index();      return idx >= startIndex && idx < endIndex;    }).show();  }});<div class="row">  <div class="content col-6 col-md-6 col-lg-4 col-xl-3 mt-4">    <div class="content-head">      <img src="image.png">    </div>    <div class="content-title">      <h3 class="text-center">CARD TITLE</h3>    </div>  </div></div>這是腳本和 Html 特定代碼塊。
查看完整描述

1 回答

?
一只名叫tom的貓

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

首先,您必須檢測您的窗口大小:


var detect = function(width) {

if (width < 576) {

    callPagination(12);

} else if (width >= 576 && width < 768) {

    callPagination(10);

} else if (width >= 768 && width < 992) {

    callPagination(9);

} else if (width >= 992) {

    callPagination(8);

}};

并且您必須創(chuàng)建函數(shù):


var callPagination = function(pageSize) {

pageSize = pageSize;

pagesCount = $('.content').length;

var totalPages = Math.ceil(pagesCount / pageSize);


$('.pagination').twbsPagination({

    totalPages: totalPages,

    visiblePages: 3,

    onPageClick: function(event, page) {

        var startIndex = pageSize * (page - 1);

        var endIndex = startIndex + pageSize;

        $('.content')

            .hide()

            .filter(function() {

                var idx = $(this).index();

                return idx >= startIndex && idx < endIndex;

            })

            .show();

    }

});};

并在頁面準(zhǔn)備好時(shí)調(diào)用函數(shù)


$(document).ready(function() {

var width = window.innerWidth;

detect(width)


$(window).resize(function() {

    var width = window.innerWidth;

    detect(width)

});});


查看完整回答
反對 回復(fù) 2023-09-22
  • 1 回答
  • 0 關(guān)注
  • 100 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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