jquery - 在 json 函数执行之前显示一个 span

Question

我有一个点击搜索按钮，我想在搜索完成之前显示“搜索”文本。所以对于这个搜索文本，我有一个跨度，其中包含现在单击按钮时搜索的文本我无法显示跨度，因为控件似乎正在运行以完成 json 函数

<span id="searchWait" style="display:none">&nbsp;Searching...</span>

<script>
function getPromptSearchResults() {
    $('#searchWait').toggle();

    $.ajax({
        async: false,
        url: 'Application.aspx/getPromptSearchResults',
        data: JSON.stringify({
            some parameters
        }),
        success: function (data) {
            $('#searchWait').html('done');
            something
        },
        error: function (parameters) {
            something
        }
    });

    return something;
}
</script>

有趣的事实是，如果我在 $('#searchWait').toggle(); 它显示文本搜索和警报，但如果我单击确定，警报将一直存在，直到功能成功完成。搜索完成后正确更改 span 的 html。无法理解 IE 8 中的这种奇怪行为

Answer 1

尝试show()代替toggle().

Answer 2

我更喜欢将跨度 css 更改为切换取决于 jquery 事件

function getPromptSearchResults() {

            $('#searchWait').css('display','block');

    $.ajax({
        async: false,
        url: 'Application.aspx/getPromptSearchResults',
        data: JSON.stringify({            some parameters        }),
        success: function (data) {
$('#searchWait').html('done')
            something        },
        error: function (parameters) {
            something        }
    });

    return something;
}