Search code examples
jqueryhref

jquery .click 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

Solution

  • 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>