自定义div加载不起作用

时间:2010-02-18 20:51:41

标签: javascript jquery html

那些jQuery专家。我有以下标记和代码:

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

当我点击链接时,我的nav类会触发,但是无法通过PreventDefault方法。类会触发,但没有任何内容加载到我的div中。页面肯定在那里。任何想法为什么这不起作用?

1 个答案:

答案 0 :(得分:2)

问题可能在于您对preventDefault的调用:

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