jQuery不能正常工作点击，只有一个元素

Question

我无法正确工作，你可以看到下面的代码，它似乎只是为一个链接工作，它只会加载index.php？act =老...

$(document).ready(function(){ 

     $("#example").dialog({modal: true}); 
     $("#example").dialog({width: 500}); 

     $('#newProject').click(function(){ 
      $('#dialogContent').load('index.php?act=new'); 
     }); 

     $('#oldProject').click(function(){ 
      $('#dialogContent').load('index.php?act=old'); 
     }); 

    }); 

和HTML

<div id="example" title="Create new project or open old project?" style="display:none"> 
<div id="dialogContent"> 
Would you like to create a new calculation or open and edit and old calculation?<br /><br /> 
<a href="#" id="oldProject">Open Old Calculation</a><br /><br /><a href="#" id="newProject">Create New Calculation</a> 
</div> 
</div> 

Answer 1

尝试禁用链接的默认行为：

$('#newProject').click(function(event) 
{ 
    event.preventDefault(); 
    $('#dialogContent').load('index.php?act=new'); 
}); 

$('#oldProject').click(function(event) 
{ 
     event.preventDefault(); 
     $('#dialogContent').load('index.php?act=old'); 
});