BX 슬라이더 및 Jquery

Question

내 웹 사이트에서 BX 슬라이더를 사용하고 있습니다. http://kellyannart.com/test/portfolios/ .. 문제가 있습니다. BX 슬라이더가 완벽하게 작동하지만 사용자 정의 jQuery가 있습니다. 다음과 같이 설정했습니다. 4 infiniteLoop : BX-슬라이더 displaySlideQty에 대한 매개 변수 사실

내가 사용하고있는 사용자 정의 jQuery를은 다음과 같습니다

jQuery(".single_portfolio_item_archive a").click(function(evt) { 
evt.preventDefault(); 
jQuery("#imageBox").empty().append(
    jQuery("<img>", { src: this.href}) 
); 
}); 

내가 BX-슬라이더 내 총 5 개 항목을 가지고 ...하지만 infiniteLoop이 설정되어 있기 때문에 그들은 계속해서 반복합니다. 문제는 처음 5 개 항목 (실제 내가 가지고있는 아이템의 수), 이미지를 클릭하면 div id = "imageBox"는 같은 이미지로로드됩니다. (완벽합니다.)하지만 여섯 번째 아이템을 클릭하면 (infinteLoop가 반복 되었기 때문에 반복됩니다. true로 설정) 큰 이미지가 div id = "imageBox"안에로드되는 대신 새 창에서 열림

또한 첫 번째 5 항목에 대해 '자세히 알아보기'버튼을 클릭하면 div 내에서 href를로드하려고 시도합니다 id = "imageBox"하지만 여섯 번째 항목에 대한 "Read More"버튼을 클릭하면 완벽하게 작동합니다 (즉, 브라우저에서 링크를 엽니 다.) 왜 이런 일이 발생하는지 전혀 모른다. 제안이 있으십니까? 미리 감사드립니다 :)

Answer 1

먼저 슬라이드 쇼를 사용하도록 설정했거나 사용할 수없는 포트폴리오 페이지 옵션이 있고 각각의 사용자 정의 jquery 코드가로드됩니다. 슬라이드 쇼가 활성화 또는 비활성화되었는지 확인하기 위해 if 문을 넣으십시오. 슬라이드 쇼가 활성화되었을 때 첫 번째 스크립트가로드되어야하고 슬라이드 쇼가 비활성화 된 경우 두 번째 스크립트가로드되어야합니다 ... 두 경우 모두 슬라이드 쇼 사용 여부에 관계없이로드되었습니다. 둘째로 난 document.ready 시도()

<?php 
if(is_post_type_archive('portfolios') || is_taxonomy('styles') || is_taxonomy('colors') || is_taxonomy('textures') || is_taxonomy('years')) : ?> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery(".single_portfolio_item_archive a").click(function(evt) { 
evt.preventDefault(); 
jQuery("#imageBox").empty().append(
    jQuery("<img>", { src: this.href}) 
); 
}) 
}); 
</script> 
<?php endif; ?> 

document.ready 스크립트는 각각의 소자에인가되는 것을 확인했다 .. 짝수 번째 ose는 bx-slider로 반복되었습니다. :)