1

现在我有一个菜单，我正在使用 jquery 在 mouseenter 上进行淡入和淡出并离开

这是该功能的超级基本 jsfiddle（我知道这很糟糕，但你明白了） http://jsfiddle.net/A26d9/2/

所以..现在只有文本是可点击的。我怎样才能做到这一点，以便整个 div 是可点击的。我试过使用

    $(".home_hover").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

但它只会禁用整个菜单。我知道这很容易。我现在只是空白。

谢谢！

4

3 回答 3

2

试试这个，它会在div 中寻找一个a元素，并在点击时将浏览器发送到那里。#home

$(document).ready(function() {
    $('#home')
        .mouseenter(function() {
            $('.home_hover', $(this)).fadeIn()
        })
        .mouseleave(function() {
            $('.home_hover', $(this)).fadeOut();
        })
        .click(function() {
            var link = $("a", $(this));
            if (link.length) {
                window.location.assign(link.attr("href"));
            }
        });
});

示例小提琴

于 2012-04-06T15:16:00.940 回答
0

只需使用：

$('#home').click(function(){
    alert('clicked');
});
于 2012-04-06T15:08:12.487 回答
0

您可以像处理 Jquery 中的按钮一样执行此操作。您可以给 div 一个类或一个 ID，然后将一个事件与单击关联。例如，您的 div 有一个“regDiv”类

$('.regDiv').live("click", function() {
    alert('clicked');
});
于 2012-04-06T15:09:44.217 回答