悬停jQuery不激活

时间:2012-08-18 02:09:26

标签: jquery

当我将鼠标悬停在输入字段上时,没有任何反应。 Chrome控制台返回时没有错误或错误。 JQuery脚本放在我的代码中。这是下面的代码。

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">    

</script>

<style type="text/css">
    #button1 {display: none;}
</style>

<script type="text/javascript" >

    $('#form1').hover(function(){$('#button1').css("display", 

    "block");$(this).fadeIn(100);});

</script>

    <input type="text" id="form1"/>


    <input type="button" id="button1" />

2 个答案:

答案 0 :(得分:2)

将jQuery放入文档就绪调用中:

$(document).ready(function() {
    $('#form1').hover(function(){
        $('#button1').css("display", "block");
        $(this).fadeIn(100);
    });
});

<强> jsFiddle example

答案 1 :(得分:1)

更改
$('#button1').css("display", "visible");

$('#button1').css("display", "block");

此外,您需要将整个内容包装在$(document).ready()中,如下所示:

<script type="text/javascript" >

    $(document).ready(function(){
        $('#form1').hover(function(){
            $('#button1').css("display", "block");
            $(this).fadeIn(100);
            }
        );
    });

</script>