Question

使用jQuery创建的这个可切换按钮似乎不起作用：

$(document).ready(function() {
    $('#toggleableButton').click(function() {
        $(this).fadeTo('slow', 0.5);
        function() {
            $(this).fadeTo('slow', 1);
        };
    });
});

单击时应更改不透明度。它有什么问题？（注意：我使用div元素执行此操作。）

Answer 1

click只接受一个函数，你必须自己创建切换效果，你可以使用jQuery的数据来存储一个简单的标志，然后在每次点击时反转该标志中的布尔值以切换淡化效果：

$('#toggleableButton').on('click', function() {
    var flag = $(this).data('flag');
    $(this).fadeTo('slow', flag ? 1 : 0.5);
    $(this).data('flag', !flag);
});

FIDDLE

Answer 2

如果我理解正确，你想要完成淡出和淡出，但是你在这里完成了关闭。这应该解决它：

$(document).ready(function() {
    $('#toggleableButton').click(function() {
        $(this).fadeTo('slow', 0.5,
        function() {
            $(this).fadeTo('slow', 1);
        });
    });
});

如果你想在每次点击时切换0.5 / 1，那么@ adeneo的回答。

可切换按钮不起作用

2 个答案: