当我将鼠标悬停在输入字段上时,没有任何反应。 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" />
答案 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>