jquery click()不适用于galleriffic页面导航

时间:2011-08-12 17:53:41

标签: jquery nivo-slider

请帮助使click()处理程序正常工作。

  <ul class="thumbs" id="main_navi">
    <li class="cir" id="navi0"><a class="thumb" title="1st Tee" rel="history"><img src="t/1st-Tee.jpg" alt="1st Tee" /></a></li>
  </ul>

  <a id="page-nav" title="Prev" href="#1">Prev</a>

   /* this click works */
    $("#main_navi li").click(function(){
        // stop the running galleries
        $(".nivoSlider").data('nivoslider').stop();
        // Play the nivo slider from the first image of the gallery after clicking on the thumb
        $("#slider"+($(this).prevAll().length+1) + " a.nivo-control").first().click();
    });
    /* this one does not */
    $("#page-nav").click(function (){
        $(".nivoSlider").data('nivoslider').stop();
    });

我正在使用带有自动启动的自定义脚本,其中高亮显示。对于每个突出显示的拇指,右侧会显示大图像。如果我点击一个拇指[$(“main_navi li”)]停止突出显示。如果我点击页面导航转到第2页,但拇指高亮不会停止并跳回到第1页。

基本上,如果我转到第2页,我需要停止拇指突出显示,以便我可以留在第2页。

1 个答案:

答案 0 :(得分:0)

更新:对于某些HTML,事情有点清楚,但仍然不是很清楚。就页面跳转问题而言,您可以通过两种方式解决此问题:

javascript:void(0);添加到href而不是锚标记。

<a id="page-nav" title="Prev" href="javascript:void(0);">Prev</a>
来自点击处理程序的

return false

    $("#page-nav").live('click', (function (){
        $(".nivoSlider").data('nivoslider').stop();
        return false;
    });