javascript - 脚本 438 : Object doesn't support property or method '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 的引用在您的页面中。