修复从其他页面单击项目时未运行的页面加载器？答案

【问题标题】：Fix a page loader which is not running when clicking item from other pages?修复从其他页面单击项目时未运行的页面加载器？
【发布时间】：2020-09-15 19:13:32
【问题描述】：

我有一个页面加载器，只要我从引导表中单击项目（超链接），它就会运行，它运行得非常好。但是当我对表进行分页然后单击表中的任何项目时，没有加载器出现。 我在 django 上做这个项目并使用 bootstrap-table（bootstrap 的扩展）

这是用于页面加载器的代码

HTML：

<div id="pageloader">
<p class="display-4"><strong>This may take some time so sit back and relax.</strong></P>
<img src="{%static 'appname\img\preloader.gif'%}">
</div>

CSS：

#pageloader
{
  background: rgb( 245, 245, 220);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}


#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -25px;
  position: fixed;
  top: 50%;
}
#pageloader p {
    margin-top: 18%;
    text-align: center;
}

JS：

<script>

$(function(){
  $('a.explorelink').click(function(){
    $("#pageloader").fadeIn();
  });
});

</script>

即使我从另一个页面单击任何项目，如何使页面加载器工作？

提前致谢。

【问题讨论】：

标签： javascript html css django bootstrap-table

【解决方案1】：

您仅将点击绑定到'a.explorelink'。您可以尝试删除类选择器并将点击附加到每个 <a> ：

$('a').click(function(){
    $("#pageloader").fadeIn();
  });

虽然您似乎想将点击绑定到某个表格元素。这取决于您的表格元素是什么样的。如果你有 html 中的表格，你可以在那里添加 onClick。

<table onClick={()=> querySelector(#pageloader).fadein()}/>

【讨论】：

我已经尝试过不使用类选择器，但它不起作用