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

Question

请帮助使 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 页。

Answer 1

更新：对于一些 HTML，事情有点清楚，但仍然不是很清楚。至于页面跳转问题，可以通过两种方式解决：

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

<a id="page-nav" title="Prev" href="javascript:void(0);">Prev</a>

或者从点击处理程序中返回 false：

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