gpt4 book ai didi

javascript - jQuery 淡入事件元素,淡出非事件元素

转载 作者:行者123 更新时间:2023-11-28 13:14:47 25 4
gpt4 key购买 nike

更新

使用:

$(event.currentTarget).fadeTo(0, 1);

似乎有效,同时使用:

$('.btn .active').fadeTo(0, 1);

没有。知道为什么吗?

代码

jsFiddle 链接在这里:http://jsfiddle.net/SeanKilleen/fwerK/

下面的 JavaScript 代码:

var global_loggedOnUser = "User1";

$(document).ready(function () {

var viewmodel = (function () {
this.feedbacktype = ko.observable("None");
this.currentPage = ko.observable(location.href);
this.currentUsername = global_loggedOnUser;

this.updateFeedbackType = function (item, event) {
var newText = $(event.currentTarget).children("span").text();
$('#buttonList button').removeClass('active');
$(event.currentTarget).addClass('active');

feedbacktype(newText);
$('.btn').not('.active').fadeTo('fast', 0.3);
$('.btn .active').fadeTo('fast', 1);
};



return {
pageUserIsOn: currentPage,
theUser: currentUsername,
feedbackType: feedbacktype
};
})();


ko.applyBindings(viewmodel);
});

目标

  • 我有一个按钮列表。
  • 当有人点击按钮时,我想确保他们点击的按钮变为 100% 不透明度,其余按钮变为 30% 容量。

我试图通过向按钮添加一个“事件”类并将其从所有其他按钮中移除,然后根据类执行淡入淡出来实现此目的。

问题

  • 第一次点击,它按预期工作。单击的按钮具有 100% 的不透明度,所有其他按钮都会淡出。
  • 第二次,先前突出显示的元素淡出,但单击的按钮并没有变为 100% 不透明度,尽管被赋予了“事件”css 类。
    • 我向事件类添加了一个 border-size 元素,以便我可以验证这一点。单击的元素会扩展其边框,但不会淡入 100% 不透明度。

我错过了什么?

最佳答案

删除类之间的空格,你想选择两个类都不是 .active .btn 后代的元素

$('.btn .active').fadeTo('fast', 1);

应该是

$('.btn.active').fadeTo('fast', 1);

Updated fiddle

关于javascript - jQuery 淡入事件元素,淡出非事件元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17905223/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com