显示图像，然后使用jquery更改链接。

Question

搜索了几个小时，我仍然无法回答这个问题:我试图添加一个链接，它的href变化取决于选择了一个旋转木马中的哪个图像(即选择一个图像，然后在底部更改链接)。

通过使用类不透明结构更改当前图像显示的不透明度来选择当前图像：

        $('#current').ready(function() {
                        $("#carousel-2 img").click(function() {
                            $("#current img").removeClass("opaque-fabric");

                            var imageToShow = $(this).attr("id").replace("for-", "");
                            $("#current #"+imageToShow).addClass("opaque-fabric");

                            $("#carousel-2 img").removeClass("selected-fabric");
                            $(this).addClass("selected-fabric");            
                        });

                    });

然后在页面的“选择按钮”锚链接中更改href的末尾：

    $('.choose-button').ready(function() {
                            $("#carousel-2 img").click(function() {

                var button = $(this).attr('class');
                var currenthref = $(".choose-button").attr('href');
                $(".choose-button").attr('href', currenthref + button);


            });

        });

图像显示部分工作，但我似乎不能附加在按钮中的href。请帮助和说慢点(初学者)。

编辑：下面是我的工作，在测试服务器上。

Answer 1

我似乎不太明白你的问题，但你犯了一些严重的错误。首先，您没有正确地使用ready()。来自jQ API：

.ready()方法只能在匹配当前文档的jQuery对象上调用。

那么您应该使用attr()而不是prop()，因为href是一个属性，而不是属性。另外，live()也不赞成on()。