完美的滚动条无法使用 insertAdjacentHTML 动态加载内容
Perfect scrollbar not functional with content loaded dynamically using insertAdjacentHTML
我正在尝试从数组(JSON 编码值)动态加载一些链接作为 div 中的列表。在我的实际应用程序中,这个数组来自 PHP。
我正在使用 insertAdjacentHTML('beforeend', "link content")
来设置内容。
我使用 "accordion slider" 和 "Perfect Scrollbar" 来设置相同的样式,我已经成功地将两者结合起来。我可以在 div 中显示我想要的链接,但滚动条现在似乎消失了。
请在此处检查 fiddle - https://jsfiddle.net/prashu421/2mpL61x7/
如果您要检查未动态加载的链接是否可滚动并且滚动条显示在那里。
我在互联网上找不到任何关于我的案例的明确参考。
非常感谢任何帮助。
感谢您的考虑。
您在加载事件中包含动态 HTML,但在 jQuery 的 $(document).ready() 函数上初始化滚动条,该函数在动态 [=17 之前触发=] 加载。
所以要解决这个问题,请将所有内容放在同一个函数中或简单地放在文档的末尾,如本 fiddle- 的代码所示
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>
我正在尝试从数组(JSON 编码值)动态加载一些链接作为 div 中的列表。在我的实际应用程序中,这个数组来自 PHP。
我正在使用 insertAdjacentHTML('beforeend', "link content")
来设置内容。
我使用 "accordion slider" 和 "Perfect Scrollbar" 来设置相同的样式,我已经成功地将两者结合起来。我可以在 div 中显示我想要的链接,但滚动条现在似乎消失了。
请在此处检查 fiddle - https://jsfiddle.net/prashu421/2mpL61x7/
如果您要检查未动态加载的链接是否可滚动并且滚动条显示在那里。
我在互联网上找不到任何关于我的案例的明确参考。
非常感谢任何帮助。
感谢您的考虑。
您在加载事件中包含动态 HTML,但在 jQuery 的 $(document).ready() 函数上初始化滚动条,该函数在动态 [=17 之前触发=] 加载。
所以要解决这个问题,请将所有内容放在同一个函数中或简单地放在文档的末尾,如本 fiddle- 的代码所示
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>