在按钮单击上实现延迟加载程序在 asp.net mvc jquery 中不起作用

Question

我已经在使用

Lazyloader

框架的应用程序中实现了

asp.net mvc

功能。下面是我为

Lazyloader

编写代码的代码。

$("#btnSubmitCT").on('click', function() {

  var valid = validateForm();
  if (valid) {
    $("#divLoadingPanel").show();
    submitForm();
    $("#divLoadingPanel").hide();
  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
On button click I want to load `Lazyloader`

<div class="text-center"><button id="btnSubmitCT" class="button" style="display:block;">Submit</button></div>


//Lazyloader

<div id="divLoadingPanel" class="Loadingdiv" style="display:none;">
  <img src="~/Images/loader_fip.gif" alt="loading" />
</div>

但是什么都没有加载

Answer 1

你的例子不起作用，但我知道你的代码太快了，所以你看不到你的加载程序。尝试使用

fadeIn()/fadeOut()

。