jquery - `slimscroll` を `Bootstrap` モーダルに統合するには?

Question

slimscrollプラグインを統合しようとしている Bootsrap モーダルを使用しています。しかし、それは機能していません。

ここに私のコードがあります:

$("#refinequery").on('show.bs.modal', function (e) {

                var form = $(this).find('form');

                that.locationDetails(form, that.formInfo.disciplineProperties);
                that.queryDetails(form, that.bodyDetails );

                $('.modal-dialog').css({
                    height : $( window ).height()*1,
                    "overflow-y":'auto'
                });

            }).on('shown.bs.modal', function () {
                $(this).slimscroll({}); //not working properly all are collapsed!
            }).modal();

Answer 1

モーダルを初期化する前に、slimScroll に対する既存の関係を破棄する必要があります。以下は、CodePen の例で機能します。

$("#myModal").on('show.bs.modal', function() {
  $('#myModal .modal-body')
    .slimscroll({ destroy: true })
    .slimscroll({ height: '500px' })
    .text(text);
});