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

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

Swiper Coverflow 效果未按預(yù)期工作

Swiper Coverflow 效果未按預(yù)期工作

寶慕林4294392 2021-12-23 19:08:06
我想在我的 Wordpress 主題中的 Swiper 實例上使用 Coverflow 效果。我注意到在我將開發(fā)控制臺附加到頁面下并且斷點更改之前不會觸發(fā)效果。我需要修復(fù),這是代碼。是否可以使用 PHP 或 JS 將 Wordpress 提供的 URL 轉(zhuǎn)換為 blob 格式?<!doctype html><html <?php language_attributes(); ?>><head>  <meta charset="<?php bloginfo( 'charset' ); ?>">  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="profile" href="http://gmpg.org/xfn/11">  <?php wp_head(); ?></head><body <?php body_class(); ?>>  <div class="preloader text-center">    <img class="img-fluid" src="<?php bloginfo('template_url')?>/assets/img/logo.png" width="300" id="preloader-img" />  </div>  <nav class="navbar fixed-top" id="bs-nav">    <div class="container-fluid" style="z-index:1;">      <div class="navbar-header">        <a class="navbar-brand" href="<?php bloginfo('url'); ?>">          <img src="<?php bloginfo('template_url'); ?>/assets/img/logo.png" id="logo-start" width="80" height="80">          <img src="<?php bloginfo('template_url'); ?>/assets/img/white_logo.png" id="logo-scroll" width="80" height="80">        </a>      </div>      <div class="row">        <div class="col-sm-12 col-md-12 col-lg-12 float-right">          <button class="hamburger hamburger--spin" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expand="false" aria-label="<?php _e('Toggle Navigation'); ?>">            <span class="hamburger-box">            <span class="hamburger-inner"></span>            </span>          </button>        </div>      </div>    </div>
查看完整描述

1 回答

?
慕容3067478

TA貢獻1773條經(jīng)驗 獲得超3個贊

我找到了一個簡單的解決方案,但它似乎有效。我注意到當折疊的 bootstrap4 偏移菜單打開時,swiper 滑塊沒有正確初始化,我決定在 bootstrap 折疊動畫完成后使用shown.bs.collapsebootstrap 事件初始化 swiper 。


這是我使用過的代碼,現(xiàn)在它運行良好,我將實現(xiàn) WordPress 的 JSON RESTful API 來加載 swiper 內(nèi)容。


const swiper = new Swiper('.portfolio-swipe', {

        loop: true,

        effect: 'coverflow',

        grabCursor: true,

        centeredSlides: true,

        slidesPerView: 'auto',

        coverflowEffect: {

          rotate: 50,

          stretch: 0,

          depth: 100,

          modifier: 1,

          slideShadows : true,

        }

      });

$('.navbar-collapse').on('shown.bs.collapse', function(){

    swiper.update();

});


這似乎工作正常。調(diào)用 update 函數(shù)將使 swiper 滑塊的循環(huán)和添加一個循環(huán)來實現(xiàn)!


查看完整回答
反對 回復(fù) 2021-12-23
  • 1 回答
  • 0 關(guān)注
  • 288 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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