javascript - ツリーメニュースクリプトを使用すると、カラーボックスが機能しません

Question

ツリーメニューjsを使用すると、カラーボックスが機能しません。どうすればこれを解決できますか。

次のツリーメニューjsを使用しています。

<script type='text/javascript' src='https://www.markettrendsignal.com/js/jquery.colorbox-min.js'></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".videodisplay").colorbox({
            iframe: true,
            width: "670",
            height: "465"
        });
</script>
<script src="http://mtsbeta.com/js/simpletreemenu.js" type="text/javascript"></script>
<script type="text/javascript">
    //ddtreemenu.createTree(treeid, enablepersist,opt_persist_in_days (default is 1))
    ddtreemenu.createTree("treemenu1", true)
    ddtreemenu.createTree("treemenu2", true)
</script>

HTML：

<td id="webinar_register">
    <a href="modules/video_display.php?Wvideo=<?php echo $wdate1[$k]['video'];?>"
    class="videodisplay">View</a>
</td>
</tr>
</table>
</li>

Answer 1

createTreeを実行した後、カラーボックスを割り当ててみてください。