我正在努力将hoverintent jQuery集成到我的网站中。我已将其插入到我的代码中,但我收到了Chrome调试器的错误消息。错误显示为Uncaught TypeError: Cannot use in operator to search for display in undefined
。我不确定是什么问题。这是我的代码。
<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 type="text/javascript" src="http://cherne.net/brian/resources
/jquery.hoverIntent.js"></script>
</script>
<script type="text/javascript" >
$(document).ready(function() {
var config = {
sensitivity: 3,
interval: 200,
over: $(this).animate({opacity: 1}, 500),
timeout: 500,
out: $(this).animate({opacity: 0}, 500)
};
var config_1 = {
sensitivity: 3,
interval: 200,
over: $(this).animate({opacity: 1}, 500),
timeout: 500,
out: $(this).animate({opacity: 0}, 500)
};
$('#form1').hoverIntent(config);
$('#form2').hoverIntent(config_1);
});
</script>
这是html代码
<div id="div1">
<form action="" id="form1" method="post">
<textarea id="inputbox1" name="what_i_do" maxlength="160" value=""><?php echo
$profile_data['what_i_do']; ?></textarea>
<input type="submit" id="button1" value="Edit">
</form>
</div>
<div id="div2">
<form action="" id="form2" method="post">
<textarea id="inputbox2" name="fait_accompli" maxlength="160" value=""><?php echo
$profile_data['fait_accompli']; ?></textarea>
<input type="submit" id="button2" value="Edit">
</form>
</div>
答案 0 :(得分:3)
这是因为你缺少document.ready
函数的结束大括号和圆括号
$('#form1').hoverIntent(config);
$('#form2').hoverIntent(config_1);
}); // <----- here to close the document.ready function
将您的配置更改为包含function()
var config = {
sensitivity: 3,
interval: 200,
over: function(){
$(this).animate({opacity: 1}, 500)
},
timeout: 500,
out: function(){
$(this).animate({opacity: 0}, 500)
}
};
如果两个配置相同,你可以删除其中一个