アラートなしでJqueryスクリプトが機能しない

Question

アラートを機能から削除すると、スクリプトはもう機能しません。

なぜ起こるかについてのアイデアはありますか？フロントでアラートと

機能：

function conScroll(getID){ 
    alert(); 
    $('#con_'+getID).mCustomScrollbar({ 
     theme: 'minimal', 
     autoHideScrollbar: true, 
     axis: 'y', 
     mouseWheelPixels: 250, 
     advanced:{ 
      updateOnContentResize: true 
     } 
    }); 
} 

$(document).on('click', 'a[id=cWin]', function(){ 
    var ID = Math.floor(Math.random()*90000) + 10000; 
    var TITLE = jQuery(this).attr('title'); 
    var PAGE = $(this).attr('href'); 
    $('#content').append('<div id="'+ ID +'" class="draggable">'+ 
        '<div class="moveband">'+ 
         '<div class="title">'+ TITLE +'</div>'+ 
         '<div id="buttons">'+ 
          '<div id="m_'+ ID +'" class="minimize"></div>'+ 
          '<div id="c_'+ ID +'" class="close"></div>'+ 
         '</div>'+ 
         '<div style="clear:both"></div>'+ 
        '</div>'+ 
        '<div id="con_'+ ID +'" class="draggcon">d</div>'+ 
       '</div>'); 
    $('#list').append('<div id="t_'+ ID +'" class="item">Chatbox #'+ ID +'</div>'); 
    $('#con_' + ID).load('../php/' + PAGE + '.php'); 
    WinControl(); 
    conScroll(ID); 
    return false; 
}); 

Answer 1

のsetTimeoutにmCustomScrollbarの初期化を追加します。それが動作します。

setTimeout(function(){ 
$('#con_'+getID).mCustomScrollbar({ 
    theme: 'minimal', 
    autoHideScrollbar: true, 
    axis: 'y', 
    mouseWheelPixels: 250, 
    advanced:{ 
     updateOnContentResize: true 
    } 
}); 
}, 1000);