的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(); 
});