Using mCustomScrollbar on jQuery UI dialogs.

If I initiate mCsutomScrollbar on $(window).load as proposed on the mCsutomScrollbar instructions, it does not work because my dialogs are not visible at that point. So I have to initiate mCsutomScrollbar on the open event of the dialog.

open: function() {
    $(this).mCustomScrollbar();
    }

Which works except when I open the same dialog a second time mCustomScrollbar is initialized for a second time when it already is initialized and breaks. I can see the custom scrollbar but I cannot scroll.

So it seems I need a way to remove mCustomScrollbar on close or beforeclose event of the dialog. Not exactly sure how to do this.

Using mCustomScrollbar on jQuery UI dialogs.

If I initiate mCsutomScrollbar on $(window).load as proposed on the mCsutomScrollbar instructions, it does not work because my dialogs are not visible at that point. So I have to initiate mCsutomScrollbar on the open event of the dialog.

open: function() {
    $(this).mCustomScrollbar();
    }

Which works except when I open the same dialog a second time mCustomScrollbar is initialized for a second time when it already is initialized and breaks. I can see the custom scrollbar but I cannot scroll.

So it seems I need a way to remove mCustomScrollbar on close or beforeclose event of the dialog. Not exactly sure how to do this.

• javascript
• jquery
• jquery-ui
• jquery-ui-dialog

• Try initialize the mCustomScrollbar after $('.dialog').dialog(); – Wilker Iceri Commented Jul 1, 2013 at 13:56
• .dialog is called in a .click function so does not really work is this situation, still need a way to remove mCustomScrollbar – user2107004 Commented Jul 1, 2013 at 14:38
• You can try use a update method of mCustomScrollbar() in onclick – Wilker Iceri Commented Jul 1, 2013 at 14:43
• FYI I did try initializing mCustomScrollbar after .dialog and it only works the first time the dialog is opened just like when using the open event. Still need a way to remove mCustomScrollbar on close. I also tried initializing mCustomScrollbar in the dialog create event and it does not work at all. Seems the only point where mCustomScrollbar can be called is when the element is open and visible. – user2107004 Commented Jul 1, 2013 at 14:47
• I tried .mCustomScrollbar("update"); does not seem to work either :( – user2107004 Commented Jul 1, 2013 at 15:18

1 Answer 1

turns out there is a built in function in mCustomScrollbar that does what I need

$('selector').mCustomScrollbar("destroy")