Question

我试图从数组中动态加载一些链接（JSON编码值）作为div中的列表。在我的真实应用程序中，这个数组来自PHP。
我使用insertAdjacentHTML('beforeend', "link content")来设置内容。

为我设计的风格与＃34;手风琴滑块＆＃34;和＃34;完美的滚动条＆＃34;，我已经成功地将两者结合起来。我可以在div中显示我想要的链接，但是滚动条现在似乎已经消失了。

请在这里查看小提琴 - https://jsfiddle.net/prashu421/2mpL61x7/
如果你要检查动态加载的链接是否可滚动，那么就会显示滚动条。

我无法在互联网上找到任何明确的参考资料。

非常感谢任何帮助谢谢你的考虑。

Answer 1

您在加载事件中包含动态HTML，但是在动态html加载之前触发了jQuery的$（document）.ready（）函数中的滚动条。

所以要解决这个问题，把所有东西都放在同一个功能中，或者只是放在你文件的末尾，如这个小提琴的代码所示 - https://jsfiddle.net/kumar4215/svhscqcp/

<div id="bloc-accordeon">
  <ul class="accordion">
    <li id="one" class="files">
      <a href="#one">One</a>
      <ul class="sub-menu" id="firstClub" style="font-size: 12px;">
        <!--Container for dynamically generated links-->
      </ul>
    </li>
    <li id="two" class="mail">
      <a href="#two">Two</a>
      <ul class="sub-menu">
      </ul>
    </li>
    <li id="three" class="cloud">
      <a href="#two">Three</a>
      <ul class="sub-menu">
      </ul>
    </li>
  </ul>
</div>

使用insertAdjacentHTML

1 个答案: