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。它讓事件點擊DOM，讓href被查看和執行。

我使用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(); 
    }); 
});