Question

HTML -

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

some menu items here

jquery for mouser over on menu items -

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');
        });     
    }

我正在通过鼠标悬停菜单项（ul li）来改变hbg div的背景图像。但是我想将div（href）绑定到特定页面，以便当用户点击任何地方时div它应该重定向到该绑定的page.as它会在点击li项目时重定向在jquery中是否有任何属性可以将整个div设置为超链接？

Answer 1

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

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

您可能还想将其设计为可点击式：

div.hbg { cursor: pointer; }

Answer 2

$('div.hbg').click(function(){location.href='http://www.google.com'});

您可能想要更改鼠标光标，使其看起来可点击：

$('div.hbg').css('cursor','pointer');

Answer 3

尝试给div类一个宽度和高度并显示：block;

如何使整个div可点击？

3 个答案: