[英]jQuery event not defined on mouseover/mouseout
嗨,我有一个使用jQuery 1.3.2可以正常工作的函数,但是现在我正在尝试以1.4.2运行它,并且出现以下错误“未定义事件”。 这是简化的代码:
<div id="mapcontainer><img href="" usemap="#rage_image_map">
<div id="mytext"></div>
</div>
<map name="rage_image_map">
<area shape="poly" href="asthma-data/county-asthma-profiles/del-norte-county-asthma-profile" coords="12,7,10,12" alt="Del Norte County">
<area shape="poly" href="asthma-data/county-asthma-profiles/siskyou-county-asthma-profile" coords="42,3,42,6,40,8,36,11" alt="Siskyou County">
</map>
这是函数:
$(function () {
$('area').bind('mouseover mouseleave', function () {
var mytext = $('#mytext');
if (event.type == "mouseover") {
var countyname = $(this).attr("alt");
mytext.html(countyname);
mytext.addClass('textcontainer');
} else {
mytext.text('');
mytext.removeClass('textcontainer');
}
})
});
该类使div mytext可见,并在其周围放置一行,显示正在滚动的县名。
firebug中的错误中断位于定义mytext变量的行上。 但我怀疑问题在于以下语法问题:if(event.type ==“ mouseover”)
谢谢,丽兹
您需要命名事件参数,如下所示:
$('area').bind('mouseover mouseleave', function(event){
^ add this
不过,使用.hover()
有点容易,像这样:
$(function() {
$('area').hover(function(){
var countyname = $(this).attr("alt");
$('#mytext').html(countyname).addClass('textcontainer');
}, function() {
$('#mytext').text('').removeClass('textcontainer');
});
});
它并不完全相同 ,但通常要好一些,它使用mouseenter
和mouseleave
而不是mouseover
和mouseout
(因此在进入/离开孩子时不会触发)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.