tinyscrollbar within a (bootstrap ) Modal

Question

我要疯了，因为我没有得到tinyscrollbar脚本工作了3个小时!我试着在模态框中加载它，但我无法找出tinyscrollbar的更新，只要我打开模态框。我已经尝试了许多-不适合我的工作-解决方案从网上。

那么模态框内的代码看起来是这样的:

<div class="et-place-main-text">
                        <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
                        <div class="viewport">
                            <div class="overview">
                            <?php the_field('content_modal_box');?>                 
                            </div>
                        </div>
                    </div> <!-- .et-place-main-text -->

现在我需要正确的代码来踢tinyscrollbar_update();，只要有人打开这个链接模式#myModal-<? the_ID(); ?>…

如果有人有主意就太好了。

Answer 1

在'show .bs.modal'上触发滚动条:

$('.modal').on('shown.bs.modal', function() {               
    scrollbar_init(); // trigger scrollbar after modal shown
});