修复了单击其他页面中的项目时页面加载器未运行的问题？

如何解决修复了单击其他页面中的项目时页面加载器未运行的问题？

我有一个页面加载器，只要我单击引导表中的项目（超链接）就可以运行，并且运行得很好。但是当我对表进行分页然后单击表中的任何项目时，则没有加载器出现。 我正在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>

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

预先感谢。

解决方法

您仅将点击绑定到const newData = data.map(d=>Object.keys(d).length <= 3 ?{...d,address}:d); 。您可以尝试删除类选择器，并将点击附加到每个'a.explorelink'上：

<a>

尽管您似乎想将click绑定到某些表格元素。这取决于您的表元素是什么样的。如果您使用html表格，则可以在其中添加onClick。

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