Javascript/JQuery执行顺序

我有一个div“.gallery”的多个实例，我想获取该div的特定实例的id。gallery在单击时位于其中。这将填充一个变量，我可以使用该变量在该div的库中仅更改图像。问题是，页面似乎尝试进行图像交换，然后更改变量，这样图像在第一次单击时不会更改，更糟糕的是，当您第一次单击其他库时，它会更改您与之交互的最后一个库的图像。当前有一个javascript警报，每次您单击一个div时，我都会弹出该警报，报告您单击的div。如果你想玩的话，我这里有当前状态的页面

直接javascript如下所示：

$(document).ready(function() {

    var clickedDiv;

    $('.gallery').click(function() {
        clickedDiv = $(this).parent().parent().attr("id");
        $('#' + clickedDiv + ' .thumbs img').click(function() {
            $('#' + clickedDiv + ' .largeImage').html($(this).attr('alt'));
        });
        alert(clickedDiv);
    });
});

---

我想这就是你想要的。听起来您不需要绑定多个单击事件。按照您的方式，它会在单击

.gallery

项目时绑定一个单击事件。如果这不起作用，让我知道，我们将尝试从那里开始工作

$(document).ready(function() {
    $('.gallery .thumbs img').click(function() {
        var $this = $(this),
            $gallery = $this.closest('.gallery'),
            $large = $gallery.find('.largeImage');

        $large.html($this.attr('alt'));
    });
});

编辑：我查看了您的网站，并调整了代码。您希望将单击事件绑定到缩略图，而不是整个库