硬重新加载缓存时,我的toggleClass函数有时仅在我的JSON创建的字段上起作用

时间:2019-04-25 09:24:43

标签: javascript jquery json

我正在创建一个与桌上游戏组一起使用的网站,旨在显示各种NPC,物品等的详细信息。我将数据存储在JSON文件中,可以正确读取并将每个对象存储为一个他们自己的div中的单独文章,默认情况下不会显示其数据。单击后,每篇文章都应该展开以显示对象的详细信息,但是我的toggleClass函数仅偶尔起作用,并且通常仅在硬重载后才能起作用。

我尝试将toggleClass追加到读取JSON的.js的末尾,但无济于事(不知道为什么这样做不起作用)。到目前为止,使用$(window)on。(“ load”,clickLoad('article'))调用脚本可获得最佳效果,但是在定期刷新后,偶尔也没有任何原因,该脚本根本无法切换类。我不知道怎么了。

我在正文的最后调用脚本:

<script>$(window).on("load", clickLoad('article'))</script>

我的clickLoad函数如下:

function clickLoad(clickClass) {
  $(clickClass).click(function() {
  $(this).toggleClass( "click" );
  })
}

理论上,这应该在每次结束时加载,并成功将类名“ click”添加到文章中,然后按照我的css规则进行显示。但是,实际上,这仅在某些时间发生,并迫使我和我的玩家使用开发人员工具重新加载几次,直到其正常工作为止。

1 个答案:

答案 0 :(得分:1)

应该是

function clickLoad(clickClass) {
      $(clickClass).click(function() {
          $(clickClass).toggleClass( "click" );
      })
    }