gpt4 book ai didi

javascript - jQuery 事件未在 mouseover/mouseout 上定义

转载 作者:行者123 更新时间:2023-11-28 14:03:09 27 4
gpt4 key购买 nike

嗨,我有一个使用 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');
});
});

并不完全一样,但通常更好一点,它使用 mouseentermouseleave 而不是 mouseovermouseout (因此进入/离开子项时不会触发)。

关于javascript - jQuery 事件未在 mouseover/mouseout 上定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3857538/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com