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

时间:2012-03-07 22:42:13

标签: jquery dynamic jquery-selectors

搜索时间仍然没有答案我能理解这一点:我正在尝试添加一个链接,其href根据旋转木马中的哪个图像而变化(即选择一个图像,然后底部的链接发生变化)

使用opaque-fabric类改变当前图像显示的不透明度来选择当前图像:

        $('#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。请帮忙慢慢说(初学者)。

编辑Here's what I'm working with,在测试服务器上。

2 个答案:

答案 0 :(得分:1)

我似乎无法理解你的问题,但你有一些严重的错误。首先,您没有正确使用ready()。来自jQ API:

  

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

然后您应该使用attr()而不是prop(),因为href是属性,而不是属性。 此外,live()也已弃用on()

答案 1 :(得分:0)

jQuery的.append()函数用于将DOM元素附加到其他DOM元素。如果要更新href属性,请使用语法

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

希望这有帮助!