Question

我试图在jQuery中使用hover属性来实现一个简单的功能。当我将鼠标悬停在div上时，必须在span元素中显示一些文本。这几乎就是这个概念。

<script>
    $(".logo").hover( 
        function() { $("#span_hover").html("Please visit http://www.gmu.edu for more information.") }, 
        function() { $("#span_hover").html(""); } );
</script>
    <div class="logo"><a href="http://www.gmu.edu/"><img src="images/GMU_logo" height="100" width="150" /></a></div>
    <span id="span_hover" style="position:fixed; bottom:5px; right:150px;"></span>

此代码无效！有人可以开导我吗？

Answer 1

以这种方式更改您的代码：

$(document).ready(function() {
    $(".logo").hover(
        function() { 
            $("#span_hover").html("Please visit http://www.gmu.edu for more information.");
        }, 
        function() {
            $("#span_hover").html("");
        }
    );
});

使用$(document).ready(...);您的javascript代码将等待DOM，如果已完全加载，则会启动。

http://jsfiddle.net/8as30y06/

Answer 2

您的脚本确实有效：http://jsfiddle.net/g2n403zs/。在你调用它之前，你确定要加载jquery吗？错误控制台说什么？

$(".logo").hover( 
    function() { $("#span_hover").html("Please visit http://www.gmu.edu for more information.") }, 
    function() { $("#span_hover").html(""); } );

Answer 3

这似乎有用（你错过了一个分号）

这是小提琴：

jsFiddle

$(".logo").hover(function() { 
$("#span_hover").html("Please visit http://www.gmu.edu for more information."); }, 
function() { $("#span_hover").html(""); });

在jquery中使用hover显示和隐藏文本

3 个答案: