Ciclo de jQuery com pager dentro de div com eventos de clique - não é possível parar a propagação
Eu estou usando o plugin jQuery Isotope. Em cada elemento isotópico clicável (maximizando / minimizando), estou tendo uma apresentação de slides do ciclo de jQuery gerada como
$('.slideshow.mainview').each(function () {
var $pager = $('<div class="pager"></div>').insertAfter(this); // creates a pager for each slideshow
$(this).cycle({
speed: 300,
timeout: 0,
pager: $pager,
pagerEvent: 'click',
allowPagerClickBubble: false
});
});
Clicando em um link de pager fecha o elemento Isotope, então não se pode ver o próximo slide :( Como posso parar a propagação de clique do pager para o pai (o elemento Isotope)? Qualquer conselho muito apreciado!
ps: se eu uso 'mouseover' como pagerEvent, funciona; mas os slides piscam duas vezes. Então essa não é uma saída fácil também. E - mouseover não funciona em telefones de tela e dispositivos tablet ...