Javascript 可切换按钮不工作

Javascript 可切换按钮不工作,javascript,jquery,Javascript,Jquery,这个用jQuery创建的可切换按钮似乎不起作用: $(document).ready(function() { $('#toggleableButton').click(function() { $(this).fadeTo('slow', 0.5); function() { $(this).fadeTo('slow', 1); }; }); }); 单击时应更改不透明度。 有什么问题吗?(注意:我使用的

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

$(document).ready(function() {
    $('#toggleableButton').click(function() {
        $(this).fadeTo('slow', 0.5);
        function() {
            $(this).fadeTo('slow', 1);
        };
    });
});
单击时应更改不透明度。
有什么问题吗?(注意:我使用的是
div
元素。)

单击只接受一个函数,您必须自己创建切换效果,您可以使用jQuery的数据存储一个简单的标志,然后每次单击时反转该标志中的布尔值以切换淡入效果:

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

如果我理解正确,您希望在完成时淡出和淡出,但您在这里刚刚结束。这应该可以解决这个问题:

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

如果您想在每次单击时切换0.5/1,那么@adeneo会给出答案。

您能解释一下这段代码应该做什么吗?只定义一个不会调用它的函数。使用浏览器控制台检查错误。尝试实现动画回调时出现语法错误。控制台将告诉您有关此错误的信息哇,请解释此代码的作用,因为我一天前开始学习jQuery@avaragecoder它比jquery更像js,获取一些在线课程,阅读文档@我从Codecademy那里学到的东西,我还没有达到那个水平@avaragecoder-没关系,你可以和你的奶奶一起做,不管我怎么说,代码还是一样的。