anyone know why it doesn't work??
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
$('#main').click(function() {
alert('foobar');
document.location.href='02.html';
});
</script>
<style type="text/css">
body {margin:0px; background:#f2f2f2;}
#main {background:url(01.jpg) top center no-repeat; height:1745px; width:100%; text- align:center; overflow-x:hidden; cursor:pointer; cursor:hand;}
</style>
</head>
<body>
<div id="main"></div>
</body>
pls help
Wrap the click function in a document ready function or place your code at the bottom of your page.
the #main element doesn't exist when the script is executed.
example:
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
$(document).ready(function() {
$('#main').click(function() {
document.location.href='02.html';
});
});
</script>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With