Question

我想让#click消失，当用户点击#click时会出现#hint。我尝试了两种格式，第一种格式有效，我想知道为什么第二种格式不起作用。

第一种格式：

$('#click').click(function(){
    $(this).fadeTo('fast', 0);
});
$('#click').click(function() {
    $('#hint').fadeTo('slow', 1);
});

第二格式

$('#click').click(
        function(){
            $(this).fadeTo('fast', 0);
        },
        function() {
            $('#hint').fadeTo('slow', 1);
        }
    );

用于第一种格式的参考格式（有效）

$(document).ready(function(){
  $('div').hover(
    function(){
        $(this).addClass('active');
    },
    function(){
        $(this).removeClass('active');
    }
  );
});

Answer 1

只需执行此操作，您无需在按钮上单击多次点击事件。

$('#click').click(function(){
    $(this).fadeTo('fast', 0);
    $('#hint').fadeTo('slow', 1);
});

Answer 2

click事件没有“双重功能”版本。您首先格式化只需附加两个单击事件处理函数。

只需在一个函数中调用您的方法：

$('#click').click(function(){
    $(this).fadeTo('fast', 0);
    $('#hint').fadeTo('slow', 1);
});

Answer 3

hover有两个函数，一个是你输入的，另一个是你退出元素时。 click只有一个。

jquery：.hover或.click下的双重功能并不总是有效

3 个答案: