JQuery .resizable不起作用

-1

我的jQuery .resizable不起作用。
它提供了錯誤：JQuery .resizable不起作用

TypeError: $(...).resizable is not a function ;

我的代碼是：

<html> 
    <head> 
    <link rel="stylesheet" href="test.css"> 
    <link rel="stylesheet" href="httpS://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $("#main").resizable("enable"); 
    }); 
    </script> 
    </head> 
    <body> 
    <div class="main" id="main"> 
     <div class="header"></div> 
     <div class="innerMain"> 
     <div class="content"></div> 
     </div> 
    </div> 
    </body> 
</html>

來源

2017-06-27 Aviral Garg

且誤差????? –

TypeError：$（...）。resizable不是函數 –

你需要[jquery-ui]（https://jqueryui.com/）用於[resizable]（https://jqueryui.com/resizable/）） –

這段代碼正在工作。
查找這裏使用的CDN ...並查找加載它們的順序。

$("#main").resizable();

#main{ 
 
    border:1px solid black; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 

 
<div class="main" id="main"> 
 
    <div class="header"></div> 
 
    <div class="innerMain"> 
 
    <div class="content"> 
 
     You can resize me! 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-06-27 06:04:41

您可能忽略jQuery UI的CSS和JS：

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"/> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

來源

2017-06-27 05:48:46

它不工作相同的錯誤 –

你添加了Jquery UI JavaScript參考？ –

這是你的代碼仍然缺少 –

添加jQuery的ui.js庫，並刪除啓用可調整大小的功能

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script> 
    $(function() { 
    $("#main").resizable(); 
    }); 
</script>

來源

2017-06-27 05:51:59

我必須下載此圖書館？ –

我添加了這個，但它不工作相同的錯誤在那裏 –

JQuery .resizable不起作用

回答

相關問題