Javascript jQuery滑块单击事件

我正在尝试为我的网站上的寻呼机锚创建一个点击事件，但我遇到了问题，因为它没有执行该事件。有人能帮我找出哪里出了问题吗

这是我的jQuery代码

<script type="text/javascript">
    $('.prodSlider').cycle({
        fx: 'scrollLeft',
        timeout: 0,
        pause: 1,
        pager: '.prodPager',

        pagerAnchorBuilder: function(idx, slide){
            return '<a href="#">' + slide.alt + '</a>'; 
        }
    });

    $('.prodPager a').on('click', function(){
        setCounter(function(idx, slide){
            return slide.alt;});
    });
</script>

现在，所有这些都应该在单击寻呼机锚时更新

<li><a href="#" onclick="getDesc(getCounter())">Overview</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 1)">Features</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 2)">Options</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 3)">Finishes</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 4)">Operators</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 5)">Drawings</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 6)">Installation Instructions</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 7)">CSI Specifications</a></li>
<li><a href="#" onclick="getDesc(getCounter() + 8)">Request a Quote</a></li>

这是我的滑块id和图像

<div class="prodSlider">
                <img src="images.jpg" alt="Sliding"/>       
                <img src="images.jpg" alt="Swinging Low"/>
                <img src="images.jpg" alt="Vertical"/>
            </div>
            <div class="prodPager" onclick="setCounter(This needs to call the function to get the slides alt values)">

            </div>

---

应该发生的是，当点击寻呼机时，它将获取slides.alt文本并使用该文本确定计数。当设置计数时，链接应该抓取它以显示XML对象的相应索引。我知道XML是正确的，因为当我硬编码其中的数字时，它工作正常，所以问题在于我的JavaScript。我觉得我没有正确地使用

.on（'click'，function（））

，它也可能与我的JavaScript变量的范围有关，但我不确定。

我想知道您是否可以使用

onclick

事件vs

。on（'click'

-

确定将此添加到.cycle jquery中的答案

onPagerEvent: function(idx, slide){
            setCounter(slide.alt)   
        },

为了摆脱prodPager div的onclick

---

这仍然不起作用：（它不会抛出错误，但不会设置count的值。如果我硬编码该值，我会让它工作，我希望计数器也在函数中设置它，所以问题是我必须创建一个函数来获取在slide.alt value上单击的幻灯片。哎哟……我想这可能是个诀窍。在这方面需要比我更聪明的人。在其他方面看起来很干净，所以我也很不幸地错过了它。我发现它是onPagerEvent：如果你想看到它调用的函数，我在我的答案上发布了它。所以现在我有了使用onClick=“setCounter（）”的Pager类，当我硬编码setCounter（'Vertical'）时，它就起作用了并得到正确的结果。现在我需要帮助找出一个函数，从我的滑块alt获取当前幻灯片。

onPagerEvent: function(idx, slide){
            setCounter(slide.alt)   
        },

$(document).ready(function() {
    alert("hello");
    $(".js-header-swipe-image").swipe({
        tap: function(event, target) {
            alert('tap');
        },
        swipe:function(event, direction, distance, duration, fingerCount){
            //Handling swipe direction.
            alert('swipe');
        }
    });
});