Phonegap：在每次点击之间显示加载屏幕

Question

我一直在尝试创建一个Phonegap应用程序，并创建了一个纯CSS加载屏幕，每次用户单击按钮或链接时都会显示该屏幕。这将向我的网络服务器发送请求以获取新数据。

但是装载场景只显示一次，有时则不显示。我在Xcode上本地测试Iphone。

下面是示例代码：

$(document).on("click", ".rbAnswerList .rbAnswer", function(event){
$('.sceen').addClass('display');
var hypo_id = $(this).attr('rel');
var qt_ID = $('h1.rbQ').attr('rel');
$.getJSON('http://app.mywebsite.com/folder/php/choose_ans.php?qt_id='+qt_ID+'&hypo_id='+hypo_id+'&uuid='+uuid, function(data){
    $.each(data, function( index, value ) {
        if(value == 'Yes'){
            $.getJSON('http://app.mywebsite.com/folder/php/get_qt.php?uuid='+uuid, function(data){

                    $('.sceen').removeClass('display');
                $('.rbWindowQuestion').empty();
                $('.rbAnswerList').empty();
                if(data.reponse == 'No') {
                    alert('hello');
                } else {
                    $('.rbWindowQuestion').append('<h1 class="rbQ" rel="'+data.qt_id+'">'+data.qt+'</h1>');
                    $.each(data.answer, function( index, value ) { 
                        $('.rbAnswerList').append('<li rel="'+value.hypo_ID+'" class="rbAnswer">'+value.qt_ans+'</li>');
                    });
                }
            });
        }
        });
    });
});

元素'sceen'仅在获得第二个类名'display'时显示，并运行css关键帧动画。

知道为什么以及如何解决这个问题？

如果有任何不清楚的地方，请告诉我。