Javascript 在第二次调用函数时出现奇怪的问题

我有一个奇怪的问题

我正在全屏制作我自己的灯箱图库。我遇到了一些问题，因为当我点击箭头（#leftArrowFS，#rightArrowFS）移动到上一张/下一张图像时，我只能执行一次。如果第二次单击，它什么也不做

HTML代码：

    <a href=".path/to/BigImage.jps" class="lightbox">
    <img src="path/small/Image.jpg" />
    </a>    
....

还有我的lightboxFS函数，它在一个.js文件中

function lightboxFS(imgSource){
...
do a a lot of stuff
...
    $('#rightArrowFS').click(function(){
        rightClick();
    });
}

function rightClick(){
        alert("right arrow");       
        ....
            ....
estadoSetas(array, imgSource);
}

即使我点击数百次，警报也只出现一次。单击#rightArrowFS后，如果单击#leftArrowFS，则不会显示警报，反之亦然

---

有什么想法吗？

谢谢，我的第一个想法是，在AJAX请求之后，或者类似的东西会覆盖包含单击事件的元素。如果将.click（）替换为.live（'click'，fn），这是否解决了问题

---

不过，正如费利克斯所说，小提琴会有所帮助

请创建一个演示。我们对你在这里发布的代码做不了什么，它起作用了。谢谢，我不知道那种方法。在我阅读了您的答案和jquery网站上的文档之后，我发现这一切都是有意义的。我必须学习更多：（我没有创建任何小提琴演示，因为在小提琴上做它非常复杂。我看不出灯箱如何在小提琴上工作。

function lightboxFS(imgSource){
...
do a a lot of stuff
...
    $('#rightArrowFS').click(function(){
        rightClick();
    });
}

function rightClick(){
        alert("right arrow");       
        ....
            ....
estadoSetas(array, imgSource);
}