2013-01-09 18 views
0

了,我有這樣的jQuery的jQuery的 - 爲什麼微調沒有顯示在Safari

$(document).ready(function(){ 
    $('#credit_btn, #checkout_btn').click(function(){ 
    $("#content_container .notice, #content_container .error").remove(); 
    $('#loading').show(); 
    }); 
}); 

的HTML

<div id="loading" style="display: none;"> 
    <img alt="spinner" border="0" src="/assets/spinner.gif"> 
</div> 
<input class="bigbutton" data-disable-with="One Moment, Processing..." id="checkout_btn" name="commit" type="submit" value="Next Step: Checkout"> 

爲什麼紡紗顯示不出來它顯示了當我這樣做

$j('#credit_btn, #checkout_btn').click(function(){ 
    $j("#content_container .notice, #content_container .error").remove(); 
    $j('#loading').show(); 
    return false; 
    }); 

這裏發生了什麼,有什麼我能做的嗎?在此先感謝

UPDATE

我測試這個jQuery以及

$('#credit_btn, #checkout_btn').click(function(e){ 
    e.preventDefault(); 
    $("#content_container .notice, #content_container .error").remove(); 
    $('#loading').show(); 
    $(this).closest("form").submit(); 
    }); 

微調犯規再次出現,但它顯示了當我刪除行$(this).closest("form").submit(); ...我很困惑...爲什麼表單提交有什麼要做的爲什麼裝載機

+0

您是否收到任何錯誤?你的加載'div'出現了,還是圖像不可見? – Blender

+0

我在Safari瀏覽器中沒有看到任何錯誤...我將更新我的問題 – Trace

回答

1

發生這種情況是因爲您的表單被提交,因此頁面被重新加載。 (您正在看到表單將您導向至的頁面)

這是瀏覽器的正常行爲。您可能想嘗試使用AJAX提交表單,如果您需要保留在當前頁面上。

+0

在頁面提交之前,微調應該在頁面進入新頁面之前顯示一秒。這種方式適用於Chrome瀏覽器,但不適用於Safari瀏覽器 – Trace

+0

只有在需要顯示圖像時纔會顯示未顯示的圖像(*在display:none塊內*時),這可能是原因。你可以嘗試用'setTimeout()'稍後再提交表單 –