搜索时间仍然没有答案我能理解这一点:我正在尝试添加一个链接,其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,在测试服务器上。
答案 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);
希望这有帮助!