jquery - 从 onmouseover 激活命令

Question

我写了以下链接：

<li><a href="#" onmouseover="$("#Layover_1").hide().fadeIn("slow");"
    onmouseout="document.getElementById('#Layover_1').hide()">Layover </a></li>

此 div 上的显示设置为无。我使用了 jsfiddle 并且淡入淡出在那里加载，但我无法让它在我的网站上同样工作。

谢谢你。

Answer 1

确实有问题的嵌套引号。您应该在onmouseover属性值中使用单引号，以免过早关闭onmouseover代码：

<li><a href="#" onmouseover="$('#Layover_1').hide().fadeIn('slow');"
onmouseout="$('#Layover_1').hide()">Layover </a></li>

另外，如前所述，document.getElementById它不是 jQuery。

Answer 2

我建议使用 jQuery 的hover()：

$('a#the_link').hover(
    function() { $("#Layover_1").stop(true,true).fadeIn("slow"); },
    function() { $("#Layover_1").stop(true,true).hide(); }
);

<li><a href="#" id="the_link">Layover</a></li>

在这里摆弄它