2017-02-10 167 views
0

我有一個頁面,我需要顯示一個模式。我想讓它重新調整大小,但它不起作用。下面是所有進口的js/css文件SCRIPT438:對象不支持屬性或方法「可調整大小」

<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> 

有什麼不對呢?

回答

0

resizable()以及draggable()是jQueryUI庫的方法;它們不是標準jQuery的一部分。

要解決您的問題,您需要在頁面中包含對jqueryui.js的引用。

+0

在下面的lib中添加,仍然是相同的問題 user1926138

+0

路徑是否正確?你在jQuery.js之後添加了它嗎?控制檯中的任何錯誤? –

+0

是的,洗澡是正確的。在jquery.js後添加。在控制檯中存在與上面相同的錯誤 – user1926138

相關問題