Jquery Cycle2 내부의 호출기 링크가 작동하지 않습니다.

Question

cycle2 플러그인을 사용하는 설정이 있지만 마우스 오른쪽 버튼으로 클릭하고 '새 창에서 열기'를 클릭하지 않으면 호출기 영역 내부의 링크가 작동하지 않습니다. 제안?

<div class="cycle-slideshow" data-cycle-fx=fade data-cycle-timeout=50000 data-cycle-pager="#no-template-pager" data-cycle-slides="div" data-cycle-pager-template=""> 
<div id="tab1"><h1>Test Slide One</h1></div> 
<div id="tab2"><h1>Test Slide Two</h1></div> 
<div id="tab3"><h1>Test Side Three</h1></div> 
<div id="tab4"><h1>Test Slide Four</h1></div> 
</div> 
<div id="no-template-pager"> 
<div class="tab1"><p>Lorem ipsum dolor sit amet.</p><p><a href="http://www.google.com">Test Link</a></p> </div> 

<div class="tab2"><p>Lorem ipsum dolor sit amet.</p><p><a href="http://www.google.com">Test Link</a></p> </div> 

<div class="tab3"><p>Lorem ipsum dolor sit amet.</p><p><a href="http://www.google.com">Test Link</a></p> </div> 

<div class="tab4"><p>Lorem ipsum dolor sit amet.</p><p><a href="http://www.google.com">Test Link</a></p> </div> 
</div> 

가 fiddle 참조, 호출기 영역에서 링크를 클릭 통지는 아무것도 실시하지 않습니다,하지만 당신은 마우스 오른쪽 버튼을 클릭하면 링크가 열립니다.

Answer 1

나는 cycle2도 사용하고 있지만 동일한 문제가 있지만 data-cyle-pager-eventbubble = "true"또는 제 경우 pagerEventBubble : true를 추가하여 해결되었습니다. href가 보이고 실행되도록 DOM을 클릭하면 이벤트가 거품이납니다.

JQuery와 1.9.1를 사용하고, 그리고 코드는 다음과 같습니다

$(document).ready(function(){ 
$('.banner-imagem').cycle({ 
    slides: "li", 
    timeout: 0, 
    fx: "fadeout", 
    speed: 400, 
    manualFx: "scrollHorz", 
    manualSpeed: 400, 
    pager: "#banner-nav", 
    pagerTemplate: "#per-slide-template", 
    loader: "wait", 
    log: false, 
    pagerActiveClass: "slide-ativo", 
    slideActiveClass: "slide-ativo", 
    slideClass: "slide-imagem", 
    pagerEventBubble: true 
}); 

});

Answer 2

이 같이 클릭 할 때 링크 인 stopPropagation을 사용할 수 있습니다

:

jQuery(document).ready(function(){ 
    $('#no-template-pager a').click(function (event) { 
     event.stopPropagation(); 
    }); 
});