왼쪽 및 오른쪽 스크롤뿐만 아니라 스 와이프 및 해당 페이지의 여러 앨범에 각각 다른 ID가있는 한 행에 한 앨범의 이미지를로드하기 위해 내 php (Yii2) 웹 사이트에서 horizonSwiper를 구현했습니다. 이제 왼쪽/오른쪽으로 스크롤하거나 왼쪽/오른쪽으로 스 와이프 할 때 lazyloading을 추가해야합니다. 그러나 스크롤 이미지 앨범 ID를 찾기 위해 현재 선택된 div ID를 얻지 못했습니다.javascript에서 horizonSwiper 이벤트를 트리거 한 현재 요소 ID를 얻으려면 어떻게해야합니까?
내가 swiper을 구현하기위한 다음과 같은 링크를 사용했다, http://horizon-swiper.sebsauer.de/
그리고 내 자바 스크립트 코드를 다음과 같이
내가 .horizon-swiper.fix- '하나 내 앨범 ID를 추가 한$('.horizon-swiper.fix-item-width').horizonSwiper({
showItems: 7,
arrows: true,
onSlideStart: function(){
alert('slide started');
},
onDragStart: function(){
alert('drag started');
}
});
항목 폭 '사업부와 onSlideStart 및 onDragStart 함수 내에서
내 HTML이 있음을 얻을 사장님 전자는
<div class="horizon-swiper fix-item-width" id="alb_<?php echo $album['albumId']; ?>">
<div class="horizon-item" data-horizon-index="0" id="img_<?php echo $album['albumId']; ?>_<?php echo $count; ?>">
<div class="card view view-second">
<img class="img responsive " src="<?php echo $baseurl; ?>/images/uploaded_images/profile/<?php echo $img['img']; ?>" width="100%;" height="350px;">
</div>
</div>
</div>
이 HTML 누구의 도움이에 대한 하나 개의 솔루션을 찾을 수 루프
에 대한 에 있음을 유의하시기 바랍니다, 다음?
미리 감사드립니다 ...
'onSlideStart'는 이벤트이기 때문에 기본 인수는'event'입니다. 요소에 액세스하려면'event.target'을 사용할 수 있습니다. 또한'$'이후에 jQuery가 있다고 가정합니다.그래서 당신은'$ (this) .attr ('id')'를 시도 할 수 있습니다. – Rajesh
$ (this) .attr ('id')를 사용할 때 ** undefined **가됩니다 –
바이올린을 만들 수 있습니까? 그렇게하면 디버그하기가 더 쉬울 것입니다. 또한'this'를 로그하고 그 요소 또는 다른 것이 있는지 확인하십시오. – Rajesh