相关疑难解决方法(0)

不知道该怎么做.

我有一个表单,在提交时,我想显示"正在处理,请稍候"的消息.(表单中包含要上传的照片,因此可能需要一段时间)

我有以下jQuery

$(document).ready(function() {
    $('#addnews').submit(function() {
        $('#loading').show();
    });
});

addnews是我的表单ID,我的模板中的div是

<div id="loading">Please wait, your news is being submitted...
    <img src="/-/images/addwalk-loader.gif"/>
</div>

用这个css

#loading{
    display:block;
    display: none;
    background:#399f8a;
    color:#FFFFFF;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:10px;
    margin-top: 10px;
}

.loading img{
    float: right;
}

现在,当我点击提交FF(Mac),Chrome(Mac和PC)和IE9(虽然gif没有动画,但我知道这是一个单独的问题)时,这是有用的

但它似乎不想在Mac上使用Safari.任何想法,如果我有什么东西可以阻止它？或者调试它的最佳方法是什么？谢谢!