在另一个div上盘旋时，跨度消失

Question

我想在#please悬停时.btn--alt跨度消失。现在，当我盘旋它变得一团糟。我应该将电子邮件地址堆叠在原始div下方以阻止其跳转吗？

https://jsfiddle.net/0m5w268f/1/

Answer 1

当鼠标指针进入元素时，hover函数的第一个参数会执行，因此您的参数顺序是错误的。

这应该有效：

 $(".btn--alt").hover(
    function () {
        $("#please").fadeOut();
    },
    function () {
        $("#please").fadeIn();
    }
);

https://jsfiddle.net/0m5w268f/3/

Answer 2

我不确定这是否是您正在寻找的功能，但尝试将JQuery悬停的内容转换为。

$(".btn--alt").hover(
        function () {
            $("#please").fadeOut();
        },
        function () {
            $("#please").fadeIn();
        }
    );

这是因为HandlerIn是第一部分而HandlerOut是第二部分。

  

调用

     

$（selector）.hover（handlerIn，handlerOut）

     

是：

的简写      

$（selector）.mouseenter（handlerIn）.mouseleave（handlerOut）;

来源：http://api.jquery.com/hover/

Answer 3

你有退色

 $(".btn--alt").hover(
        function () {
            $("#please").fadeOut();
        },
        function () {
            $("#please").fadeIn();
        }
    );

见这个例子：

fiddle