的jQuery与关闭按钮

Question

我有这样的代码

<input type='submit' name='sub_form' value='Save'>和<a href="#" class="close">Cancel</a>

和jQuery是

$('td.add_text').click(function(e) { 
    $('<img src="images/ajaxLoader.gif" id="loading" style="width:auto;" />').appendTo(".quotation_computation"); 
    //Cancel the link behavior 
    e.preventDefault(); 
    //Get the A tag 
    var ccom = $('input[name=com_code]').val(); 
    var ucom = $('input[name=user_code]').val(); 
    var in_form = $('input[name=in_form]').val(); 
    var ctrack = $('input[name=com_for_track]').val(); 

    $.ajax({ 
     type:"GET", 
     url:"forms/tem.php", 
     data: {uc: ucom, cc: ccom, ct: ctrack, in_f: in_form }, 
     dataType: 'html', 
     target: '.quotation_computation', 
     success: function(data){ 
      $(".quotation_computation").find('img#loading').remove(); 
      $(".quotation_computation").html(data); 
     } 
    }) 
}); 

和关闭按钮的jQuery

$(".close").click(function() { 
     $(".quotation_computation").hide(); 
}); 

和HTML

<div class="quotation_computation"> 
ANOTHER JQUERY PROBLEM 
</div> 

当我点击关闭按钮它不工作。

是我的关闭按钮有误吗？ okie当我点击div class="quotation_computation"> jquery ajax工作正常，它保存到我的数据库。但是当我点击Cancel按钮时，jquery ajax或表单仍然存在。

有什么我需要改变？

Answer 1

单击<a href="#">定位标记将具有默认操作，即它将强制页面刷新。您必须防止此默认操作，否则会刷新页面并重新打开您刚刚隐藏的元素。

$('.close').click(function(e) { 
    $('.quotation_computation').hide(); 
    e.preventDefault(); 
});