• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    IE9下Swiper控件不能準確定位到指定頁面問題

    來源:懂視網 責編:小采 時間:2020-11-27 20:12:14
    文檔

    IE9下Swiper控件不能準確定位到指定頁面問題

    IE9下Swiper控件不能準確定位到指定頁面問題:應用場景:采用輪播控件對表格中的圖片文件進行展示,當點擊表格中的圖片文件時,使用輪播控件(Swiper)顯示指定的圖片,同時,可以左右翻頁,前后瀏覽所有的圖片。實現思路:(1)使用JS創建Swiper的軀干(Swiper相當于靈魂,靈魂必須依附肉體才能起作用)
    推薦度:
    導讀IE9下Swiper控件不能準確定位到指定頁面問題:應用場景:采用輪播控件對表格中的圖片文件進行展示,當點擊表格中的圖片文件時,使用輪播控件(Swiper)顯示指定的圖片,同時,可以左右翻頁,前后瀏覽所有的圖片。實現思路:(1)使用JS創建Swiper的軀干(Swiper相當于靈魂,靈魂必須依附肉體才能起作用)

    應用場景:

    采用輪播控件對表格中的圖片文件進行展示,當點擊表格中的圖片文件時,使用輪播控件(Swiper)顯示指定的圖片,同時,可以左右翻頁,前后瀏覽所有的圖片。

    實現思路:

    (1)使用JS創建Swiper的軀干(Swiper相當于靈魂,靈魂必須依附肉體才能起作用)。

     	__createPreviewHtml: function(){
     	if($('#__sc1').length>0) return;
     	var html = 
     	'<p id="__sc1" class="swiper-container" style="z-index:9999;">' 
     	+ '	<a href="javascript:void(0);" id="__sc_closeBtn" class="closeBtn" title="close"> X </a>'
     	+ '	<p class="swiper-wrapper"> '
     	+ '</p> '
     	+ '<p class="swiper-pagination"></p>'
     	+ '<p class="swiper-button-prev"></p>'
     	+ '<p class="swiper-button-next"></p>' 	 
     	+ '</p>';
     	$(document.body).append(html);
     	$('#__sc_closeBtn').on('click',this.__hidePreviewBox);
     	}

    (2)遍歷表格中的圖片文件,并塞入Swiper的軀干,獲取點擊圖片文件的索引號(index),URL(通過文件ID唯一標識)。

     	var index = 0;
     	var i = 0;
     	me._grid.findRow(function(row){ 
     	
     	 	var fileId2 = row.fileId;	
     	 var fileName2 = row.fileName.toLowerCase();
     	 
     	 if(fileName2 && imgReg.test(fileName2)==true){ 	 	
     	 	if(fileId == fileId2){
     	 	index = i;
     	 	}
     	 	
     	 	var picParam = me.fileService + "/preview?fileId=" + encodeURIComponent(fileId2);
     	 	var imgHtml = '<img src="' + picParam + '"/>';
     	 	 	var $slide = $('<p class="swiper-slide">' + imgHtml + '</p>');
     	 	 	$('.swiper-wrapper').append($slide);
     	 	 	i++;
     	 }
     	}); 
     	
     	if(typeof(mySwiper) != 'undefined'){
     	mySwiper.removeAllSlides();
     	}

    (3)創建Swiper控件,同時使用Swiper的slideTo(index)方法定位到指定的位置,顯示圖片。

     //$('.swiper-pagination span').eq(index).trigger('click'); });

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    IE9下Swiper控件不能準確定位到指定頁面問題

    IE9下Swiper控件不能準確定位到指定頁面問題:應用場景:采用輪播控件對表格中的圖片文件進行展示,當點擊表格中的圖片文件時,使用輪播控件(Swiper)顯示指定的圖片,同時,可以左右翻頁,前后瀏覽所有的圖片。實現思路:(1)使用JS創建Swiper的軀干(Swiper相當于靈魂,靈魂必須依附肉體才能起作用)
    推薦度:
    標簽: 無法 頁面 插件
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 精品国产一区二区22| 国产精品白丝AV嫩草影院| 色播精品免费小视频| 在线成人精品国产区免费| 四虎影视国产精品永久在线| 亚洲国产精品VA在线观看麻豆| 国产精品 91 第一页| 国产AV国片精品| 中文字幕精品一区二区精品| 99久久国产综合精品五月天喷水| 国产成人精品无码一区二区| 亚洲麻豆精品国偷自产在线91| 国产精品白丝AV嫩草影院| 精品国产第1页| 精品国产午夜理论片不卡| 日批日出水久久亚洲精品tv| 永久免费精品视频| 99久久久精品| 精品国产sm捆绑最大网免费站| 真实国产乱子伦精品一区二区三区| 国产精品无码素人福利不卡| 久久福利青草精品资源站免费| 国内精品久久久久影院优| 亚洲精品无码成人AAA片| 免费精品视频在线| 九九精品在线视频| 国产小呦泬泬99精品| 国产精品福利片免费看| 四虎影永久在线观看精品| 久久精品成人免费看| 国产精品岛国久久久久| 99re6这里有精品热视频| 精品久久久久香蕉网| 精品欧洲av无码一区二区| 精品无码国产污污污免费网站| 亚洲精品国产av成拍色拍| 一本一本久久A久久综合精品| 人人妻人人澡人人爽精品欧美 | 无码精品人妻一区二区三区免费| 国产精品亚洲综合专区片高清久久久 | 蜜桃麻豆www久久国产精品 |