jQuery：功能错误＆amp;动态内容在Safari浏览器上不起作用

Question

我试图理解为什么有时我的代码会工作，有时却不会。

首先，我有这个打开或关闭tchat finder的功能：

$(function(){    
    $(document).on("click", "a.tchat_open", function(){
        var uid_target = $(this).attr("rel");

        load_tchat('open', uid_target);

    });

    $(document).on("click", "a.tchat_close", function(){
        var uid_target = $(this).attr("rel");

        load_tchat('close', uid_target);
    });
});

但是当我把这个函数放在上面的代码之上时，前面的代码不起作用：

function load_wall() {
    $("#display_wall").html("Loading...");
    $.ajax({
        url:"/scripts/ajax/load_wall.php",
        type: "POST",
        dataType: "json",
        success: function(data){
            console.log(data);

            $("#display_wall").html(data.content);
        },
        error: function(resultat, statut, erreur){
            console.log(resultat);
            console.log(erreur);
        }
    });
}

我可以理解为什么，当我将一个参数传递给我的函数时，有时它会起作用，有时候不会......我认为我对jQuery没有理解。

然后，我的动态内容出现问题，点击我的链接.tchat_open后应显示在此div中。显示JSON消息：

但我的div中什么都没发生。它适用于Chrome浏览器，但不适用于Safari ...有什么区别？

这是我的load_tchat（）函数：

function load_tchat(method_call, uid_target) {      
    $.ajax({
        url:"/scripts/ajax/load_tchat.php",
        type: "POST",
        data: "method_call="+method_call+"&tchat_status=close&uid_target="+uid_target,
        dataType: "json",
        success: function(data){
            console.log(data);

            if(data.tchat_operation == 'open') {

                $("#frameChat").html(data.tchat_content);

                // open tchat --- this doesn't make appear my finder
                frameChat.classList.remove("Espace-Chat-Ferme");
                frameChat.classList.add("Espace-Chat");
            }
        },
        error: function(resultat, statut, erreur){
            console.log(resultat);
            console.log(erreur);
        }
    });

}

非常感谢！