크롬 bxslider 링크 오류 해결 방법

2020. 4. 9. 15:54html

크롬 bxslider에서 링크가 안되는 오류 방법 

bxslider 스크립트 내 아래 소스 추가 

touchEnabled : (navigator.maxTouchPoints > 0),

<script>
//bx슬라이드 스크립트 
$(document).ready(function(){
 			 var eslider = $('#e_slider');
			 eslider.bxSlider({
				slideWidth: 340,
				slideheight: 270,
				minSlides: 1,
				maxSlides: 3,
				slideMargin:39,
				infiniteLoop: true,
				moveSlides: 2,
				auto: true,
				autoStart:false,
				autoControls: false,
				pager: false,
				pause: 5000,
				preloadImages: 'all',
                
                //링크 오류 관련 추가 touchEnabled
				touchEnabled : (navigator.maxTouchPoints > 0),
				
                // Stop and hide controls if less than 3 slides
				onSliderLoad:function(){
					var total_slide = eslider.getSlideCount();
					if(total_slide > 3){
						$('.education_slider .bx-controls-direction').show();
						eslider.startAuto();
					}else{
						$('.education_slider .bx-controls-direction').hide();
						eslider.stopShow();
					}
				}
			});

}
</script>

 

https://support.google.com/chrome/thread/2820924?hl=ko

 

'html' 카테고리의 다른 글

웹폰트 브라우저별 지원 포맷 / 폰트 css  (0) 2020.05.23
jquery 애니메이션 AOS  (0) 2020.04.02
css 애니메이션 효과  (0) 2020.04.02
ccs 폰트 적용  (0) 2019.12.10
html - 제목 태그  (0) 2019.12.04