Home/ Questions/Q 618031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T18:30:00+00:00

To those jQuery experts out there. I have the following markup and code: <html>

  • 0

To those jQuery experts out there. I have the following markup and code:

<html>
<head>
<title>Test Framework</title>
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){   
    $('.nav').click(function(e) {
        e.PreventDefault();
        var id = $(this).attr('id');
        var path = "views/" + id + ".html";
        $("#main").load(path); 
    });
});
</script>
</head>
<body>
<div id="links">
    <a class="nav" id="test" href="javascript:void(0);">Test Page</a>
</div>
<div id="main">

</div>
</body>
</html>

My nav class fires when I click the link, but fails to get past the PreventDefault method. The class fires, but nothing loads into my div. The page is definately there. Any ideas why this wouldn’t be working?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem may be with your call to preventDefault:

    $(document).ready(function(){   
    $('.nav').click(function(e) {
        e.preventDefault();
        var id = $(this).attr('id');
        var path = "views/" + id + ".html";
        $("#main").load(path); 
    });
});
    • 0