how to make whole div clickable?
html-
<div class="hbg">
</div>
some menu items here
jquery for mouser over on menu items-
function imgchange()
{
$('.smenu 开发者_StackOverflow中文版li').mouseover( function(){
var src = $(this).find('a').attr('alt');
$('.hbg').css('background-image', 'url(' + src + ')');
$(this).find('hbg').attr('title', 'my tootip info');
});
}
I am changing the background image of hbg
div through jquery on mouse over of menu items(ul li).but i want to bind(href) that div to particular page also so that when user clicks anywhere on div it should redirect to that binded page.as it is redirecting on clickin on li
items.
Here is how you bind a click handler to the div:
$('div.hbg').click(function(e) {
alert('The div was clicked!');
});
And you probably also want to style it to look clickable:
div.hbg { cursor: pointer; }
$('div.hbg').click(function(){location.href='http://www.google.com'});
You may want to change the mouse cursor so it looks clickable:
$('div.hbg').css('cursor','pointer');
try to give the div class a width and height and display: block;
精彩评论