[英]Jquery mouseover function not firing
我有这个 Jquery 代码:
$(document).ready(function() {
// Do menu mouseovers
$('.bar a').each(function() {
var Link = $(this);
var LinkID = Link.attr("ID");
$('.menu-pop').each(function() {
var PopID = $(this).attr("data-for");
// We have found a match, assign events
if (PopID == LinkID) {
Link.mouseover = (function() {
alert("trucks lol");
});
return;
}
});
});
});
这是我正在写的弹出菜单。 菜单的简化结构是:
<div class="bar">
<a class="item">Home</a>
<a class="item" id="mnuAnother">Another Link</a>
</div>
<div class="menu-pop" data-for="mnuAnother">
Links and stuff
</div>
当我的鼠标移过“另一个”链接时,我希望它会发出警报,但目前它不会引发错误/没有警报。
任何帮助表示赞赏。
你试过了吗
Link.mouseover(function() {
alert("trucks lol");
});
(使用 jQuery 的 mouseover function 这是绑定 mouseover 事件的快捷方式)
改变这个:
Link.mouseover = (function() {
alert("trucks lol");
});
对此:
Link.mouseover(function() {
alert("trucks lol");
});
Link.mouseover =
没有任何意义。
就原始 JavaScript 而言,也许Link.onmouseover =
会起作用(或者你需要Link[0].onmouseover =
吗?)。
但是,最好使用 jQuery 的.mouseover()
。
我会更换
// ...
$('.bar a').each(function() {
var Link = $(this);
// ...
通过某事线
// ...
$('.bar a').each(function(item) {
var Link = $(item);
// ...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.