Javascript Jquery:Ajax加载程序不工作

我试图让Ajax加载程序工作，但它无法启动。以下是我的工作：

HTML:

CSS:

当我输入$（'.ajax loader'）.css（“可见性”、“可见”）；在我加载的控制台中，当我把它放在函数的开头时，它就不工作了。我做错了什么

谢谢,

编辑：当函数启动时，我的页面有点冻结，可能是因为这个原因。有解决办法吗？

可能是这样的：

函数加载器_hide（）{
$（'.ajax loader'）.hide（）；
}
函数加载器_show（）{
$（'.ajax loader'）.show（）；
}

---

我通过创建一个函数load（）来解决我的问题，该函数加载加载程序并调用onclick，然后我使用设置为10ms的setTimeout，给gif加载时间

function load() {
    $('.ajax-loader').css("visibility", "visible");
}

HTML:

1-创建活动

---

谢谢大家。

您是否使用了名为ajax loader的插件？不，是类名。您是否可以发布用于触发函数的元素？您是否在某处使用了$.ajax函数？触发函数的元素：1-创建活动加载程序应在函数完成其工作时停止，而不是单击按钮。谢谢。请致电

loader_show（）在ajax请求之前。函数
loader_hide（）。在没有真正原因的情况下必须添加超时听起来像是“文档准备就绪”问题。原因是我的dom在onclick时冻结，所以我必须给加载程序加载时间。。如果你有更好的解决办法，我很乐意接受。
function myFunction() {
    $('.ajax-loader').css("visibility", "visible");

    //Function doing it's work

    $('.ajax-loader').css("visibility", "hidden");
}

.ajax-loader {
  visibility: hidden;
}

function load() {
    $('.ajax-loader').css("visibility", "visible");
}

<button onclick="load();setTimeout(myFunction, 10)" class="myBtn1" data-toggle="modal" data-target="#build">1 - Create campaign</button>