Question

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

这是该功能的超级基本功能（像我所知道的地狱，但你知道这个想法） http://jsfiddle.net/A26d9/2/

所以......现在只有文字是可点击的。我怎样才能使整个div可以点击。我尝试过使用

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

但它只是让整个菜单无法解决。我知道这很容易。我现在只是空白。

谢谢！

Answer 1

试试这个，它会在a div中查找#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"));
            }
        });
});

Example fiddle

Answer 2

只需使用：

$('#home').click(function(){
    alert('clicked');
});

Answer 3

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

$('.regDiv').live("click", function() {
    alert('clicked');
});

使整个div可点击

3 个答案: