如何使整个div可点击？

Question

HTML的

<div class="hbg">
</div>

some menu items here

jquery for mouser over菜单项 -

function imgchange()
    {
        $('.smenu li').mouseover( function(){
        var src = $(this).find('a').attr('alt');
        $('.hbg').css('background-image', 'url(' + src + ')');
        $(this).find('hbg').attr('title', 'my tootip info');
        });     
    }

我hbg通过鼠标悬停菜单项(ul li)来改变div 的背景图像.但是我想将div(href)绑定到特定页面,这样当用户点击div上的任何地方时它应该重定向到该绑定页面.它在点击li项目时重定向 .
在jquery中有任何属性我们可以将整个div设置为超链接吗？

Answer 1

以下是将单击处理程序绑定到div的方法:

$('div.hbg').click(function(e) {
  alert('The div was clicked!');
});

而且你可能还想把它设计成可点击的样式:

div.hbg { cursor: pointer; }