SCRIPT438: Объект не поддерживает свойство или метод 'resizable'

Question

У меня есть страница, где мне нужно показать модальный. Я хочу сделать его заново, но он не работает. Ниже все импортированные файлы JS/CSS

<script src='<%= RootPath + "/Scripts/jquery-2.0.3.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/App.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/libs/bootstrap.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/libs/bootbox.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/libs/bootstrap-modal.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/libs/bootstrap-transition.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/plugins/icheck/jquery.icheck.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/plugins/select2/select2.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/plugins/tableCheckable/jquery.tableCheckable.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/libs/raphael-2.1.2.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/plugins/morris/morris.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/plugins/sparkline/jquery.sparkline.min.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/demos/dashboard.js" %>'></script> 
<script src='<%= RootPath + "/Content/BootStrap/js/plugins/datepicker/bootstrap-datepicker.js" %>'></script> 
<script src='<%= RootPath + "/Scripts/jquery-migrate-1.2.1.min.js" %>'></script> 
<script src='<%= RootPath + "/JS/Bootstrap.common.js" %>'></script> 


<link rel="stylesheet" href="../Content/BootStrap/css/font-awesome.min.css"> 
<link rel="stylesheet" href="../Content/BootStrap/css/bootstrap.min.css"> 
<link rel="stylesheet" href="../Content/BootStrap/css/bootstrap.min.css.css"> 
<link rel="stylesheet" href="../Content/BootStrap/js/plugins/icheck/skins/minimal/blue.css.css"> 
<link rel="stylesheet" href="../Content/BootStrap/js/plugins/fullcalendar/fullcalendar.css"> 
<link rel="stylesheet" href="../Content/BootStrap/js/plugins/fullcalendar/fullcalendar.css"> 
<link rel="stylesheet" href="../Content/BootStrap/js/plugins/datepicker/datepicker.css.css"> 
<link rel="stylesheet" href="../Content/BootStrap/css/bootstrap-responsive.min.css"> 
<link rel="stylesheet" href="../Content/BootStrap/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css.css"> 

и JS-код, как

<script type="text/javascript"> 
    $('.modal-content').resizable({ 
     //alsoResize: ".modal-dialog", 
     minHeight: 300, 
     minWidth: 300 
    }); 
    $('.modal-dialog').resizable({ 
     //alsoResize: ".modal-dialog", 
     minHeight: 300, 
     minWidth: 300 
    }); 
    $('.modal-dialog').draggable(); 
</script> 

Что в этом плохого?

Answer 1

resizable(), а также draggable(), являются методами библиотеки jQueryUI; они не являются частью стандартного jQuery.

Чтобы решить вашу проблему, вам нужно включить ссылку на jqueryui.js на свою страницу.