Question

如何混合悬停并单击相同的功能？这里我有一个悬停功能，但我想在悬停功能旁添加点击功能。

$(document).ready(function(){
    $('.img').hover(function (e) {
        e.preventDefault();

        $(". img").css({"opacity":"0.4","filter:":"alpha(opacity=40)"});
        $(this).css({"opacity":"100","filter:":"alpha(opacity=100)"});
        alert('test');
    });
});

Answer 1

您可以使用.on()绑定多个事件，例如：

$(".img").on({
    click: function (event) {
        console.log(event)
    },
    mouseenter: function (event) {
        console.log(event)
    },
    mouseleave: function (event) {
        console.log(event)
    }
});

参见 JSFIDDLE

...或者你也可以链接不同的方法，如：

$('.img').hover(function (event) {
    console.log(event)
}).on("click", function (event) {
    console.log(event)
});

参见 JSFIDDLE

jQuery - 如何在同一个函数中添加点击和悬停

1 个答案: