Jquery 创建一个加载Div

我正在尝试创建一个愚蠢的加载div。我只希望它在每次单击按钮时都显示出来。我在img中有一个名为ajaz-loader.gif的gif/

我有这个，但它不起作用。。。我刚在网上找到的。有什么想法吗

    <script>
    $('#loadingDiv').ajaxStart(function() {
      $(this).show();
    }).ajaxComplete(function() {
    $(this).hide();
    });
     </script>

$（'#loadingDiv'）.ajaxStart（函数（）{
$（this.show（）；
}).ajaxComplete（函数（）{
$（this.hide（）；
});

确保将代码包装在

$(function() {
  // YOUR CODE HERE
});

然后，如果仍然不起作用，请再次检查您的#loadingDiv

看起来像这样：）

---

确保将代码包装在

$(function() {
  // YOUR CODE HERE
});

然后，如果仍然不起作用，请再次检查您的#loadingDiv

看起来像这样：）

这将在Ajax调用之前显示加载div，然后在成功与否后隐藏它

---

这将在Ajax调用之前显示加载div，然后在测试成功与否后隐藏它。

我制作了自己的加载伪类，在大型web（jsp）应用程序中运行良好

我的代码是这样的：

var CMSLoading =
{
        loading_div: null,
        queue: 0,
        start: function(never_stop)
        {
               //Create div with getLoadingDiv (wrong name) or show if exist
               // and increment queue
        },
        stop: function(turn_off)
        {
                //Check queue and hide or destroy div
        },
        getLoadingDiv: function()
        {
                // Create DIV and store in local variable loading_div
        }
}

---

当我运行ajax调用时

CMSLoading.start（）

和当ajax完成或死亡调用时

CMSLoading.stop（）
我创建了自己的加载伪类，在大型web（jsp）应用程序中运行良好

我的代码是这样的：

var CMSLoading =
{
        loading_div: null,
        queue: 0,
        start: function(never_stop)
        {
               //Create div with getLoadingDiv (wrong name) or show if exist
               // and increment queue
        },
        stop: function(turn_off)
        {
                //Check queue and hide or destroy div
        },
        getLoadingDiv: function()
        {
                // Create DIV and store in local variable loading_div
        }
}

当我运行ajax调用时
CMSLoading.start（）
和当ajax完成或死亡调用时
CMSLoading.stop（）
您可能需要发布更多代码。根据上面的内容，不清楚问题出在哪里。可能是一些简单的问题，比如没有正确加载jQuery或者为元素指定的ID不正确。也许它更复杂一些，比如触发ajaxStart从不触发的事件

需要注意的是，下面的代码中存在一些次优做法（例如，将样式信息直接放在HTML中），并且我没有处理ajax或在成功后隐藏，这可能会让您开始：

<div id="loadingDiv" style="display:none">
Congratulations! You clicked the button and can see the loading div now!
</div>

<input type="button" onclick="document.getElementById('loadingDiv').style.display='block';" value="Click me to see the div!"/>


祝贺您单击了按钮，现在可以看到加载div了！

这可能会让你走上正确的方向。我怀疑这还不足以完成所有您想做的事情，但如果您真正想做的只是“每次单击按钮时都显示”，那么，它的功能就是这么多，并且为jQuery修改它可能并不困难…
您可能需要发布更多代码。根据上面的内容，不清楚问题出在哪里。可能是一些简单的问题，比如没有正确加载jQuery或者为元素指定的ID不正确。也许它更复杂一些，比如触发ajaxStart从不触发的事件

需要注意的是，下面的代码中存在一些次优做法（例如，将样式信息直接放在HTML中），并且我没有处理ajax或在成功后隐藏，这可能会让您开始：

<div id="loadingDiv" style="display:none">
Congratulations! You clicked the button and can see the loading div now!
</div>

<input type="button" onclick="document.getElementById('loadingDiv').style.display='block';" value="Click me to see the div!"/>


祝贺您单击了按钮，现在可以看到加载div了！

这可能会让你走上正确的方向。我怀疑这还不足以做所有你想做的事情，但如果你真正想做的只是“每次点击按钮时都显示”，那么，它就做了那么多，为jQuery修改它可能并不困难