第二次调用函数的奇怪问题

Question

我有一个奇怪的问题。

我正在全屏制作自己的灯箱画廊。我遇到了问题，因为当我单击箭头（#leftArrowFS，#rightArrowFS）移动到上一个/下一个图像时，我只能执行一次。如果第二次点击它不会做任何事情

HTML 代码：

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

当被点击时：

$('a.lightbox').click(function() {
        var imgSource= $(this).attr('href');
        lightboxFS(imgSource);
        return false;
    });

还有我的 lightboxFS 函数，它位于 .js 文件中

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

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

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

有什么想法吗？？谢谢

Answer 1

我的第一个想法是带有点击事件的元素在 AJAX 请求或类似请求后被覆盖。如果将 .click() 替换为 .live('click', fn)，是否可以解决问题？

不过，正如 Felix 所说，小提琴会有所帮助。