Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jquery .click href

Tags:

jquery

href

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

like image 882
Obi-wan Avatar asked Dec 10 '22 12:12

Obi-wan


1 Answers

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>
like image 107
Tjirp Avatar answered Dec 29 '22 01:12

Tjirp