Question

我有多个div “. gallery” 的例子, 我想取取点擊. gallery 特定例子的 div 的代号。这样会弹出一个变量, 我可以用它来使图像仅在div s 画廊中更改。问题在于页面似乎试图进行图像转换, 然后修改变量, 所以图像在第一次点击时不会改变, 并且- worse- 第一次点击不同的画廊时, 它会改变您互动过的最后一个画廊的图像。目前有一个 javascript 提示, 每次您点击一个 div 即报告您点击的 div 时, 我都会弹出一个提醒。如果您想要玩, 我这里的页面处于当前状态。 < href="http://www. ryanscasey.com/ redelett" rel="nofol" > www. ryanscasey.com/ redeign

直射标本如下:

$(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);
    });
});

Answer 1

我认为这是你想要的。它听起来不像你需要绑定不止一个点击事件。以你的方式, 它会绑定一个点击事件, 每当点击一个 < code>. 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 ));
    });
});

EDIT: 我查看了你的网站, 我调整了我的代码。您想要将点击事件绑在缩略图上, 而不是整个画廊。

友情链接