Question

我正在尝试使Ajax加载器正常工作，但是没有启动。这是我的工作：

HTML：

<div class="ajax-loader">
  <img src="ajax-loader.gif">
</div>

jQuery：

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

    //Function doing it's work

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

CSS：

.ajax-loader {
  visibility: hidden;
}

当我输入$（'。ajax-loader'）。css（“ visibility”，“ visible”）;在我的加载程序加载的控制台中，当我将其放在函数开头时，它只是无法工作。我在做什么错了？

谢谢

编辑：触发该函数时，我的页面冻结了，也许是因为这个原因。有解决方法吗？

Answer 1

也许是这样的：

function loader_hide() {
    $('.ajax-loader').hide();
}
function loader_show() {
    $('.ajax-loader').show();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<input type="button" value="show" onclick="loader_show();"/>
<input type="button" value="hide" onclick="loader_hide();"/>
 <div class="ajax-loader">
  <img src="https://cdn.dribbble.com/users/91700/screenshots/3038974/loader.gif">
</div>

Answer 2

我通过创建一个用于加载加载器并调用onclick的函数load（）解决了我的问题，然后我将setTimeout设置为10ms，给了gif加载时间。

with open("text-file.txt", 'r') as infile:
    for line in infile:
        try:
            if int((parts := line.split())[2]) > 100:
            print(parts[0])
        except IndexError as err:
            print(err)

HTML：

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

谢谢大家。

jQuery：Ajax加载器不起作用

2 个答案: