为什么动画不会出现在模态/灯箱内？

Question

我想知道为什么这个动画在灯箱里不起作用。

如果您单击“Herro”框，它会展开，您可以看到平滑动画。

如果点击“hee”，灯箱/模态将打开。如果你点击灯箱/模态中的“herro”，你会注意到它没有流畅的动画。

我将动画归因于什么。我之前发生过类似的影响，我想知道是什么导致这种情况，我怎么能解决这个问题？

这是html中的代码，当我在灯箱中加载时，动画不起作用。这与我如何调用头部中的脚本有关吗？

<ul class="cd-accordion-menu a animated">
<li class="has-children">
    <input type="checkbox" name ="group-1" id="group-1">
    <label for="group-1"> herro </label>

    <ul>
        <li>hello</li>
    </ul>
</li>
</ul>

Demo on site

view files on github if you want to download the files or take a closer look

Answer 1

您应该检查Javascript控制台。它说没有JBox和你的参考脚本不存在或花费太多时间和超时。

  

http://code.jboxcdn.com/0.3.2/jBox.min.js

     

无法加载资源：net :: ERR_CONNECTION_TIMED_OUT       未捕获的ReferenceError：未定义jBox（索引）：32

开发人员工具的简称 谷歌浏览器 F12
Mozilla FireFox F12

解决方案

  

修复脚本路径。