JQuery .resizable funktioniert nicht

-1

Mein jQuery .resizable funktioniert nicht.
Es gibt Fehler:JQuery .resizable funktioniert nicht

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

Mein Code ist:

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

Quelle

2017-06-27 Aviral Garg

und der Fehler wird ????? –

TypeError: $ (...). Resizable ist keine Funktion –

Sie benötigen [jquery-ui] (https://jqueryui.com/) für [resizable] (https://jqueryui.com/resizable/) –

Dieses Snippet funktioniert.
Suchen Sie nach den CDNs, die hier verwendet werden ... Und suchen Sie nach der Reihenfolge, um sie auch zu laden.

$("#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>

Quelle

2017-06-27 06:04:41

Sie könnten jquery ui css und js fehlt:

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

Quelle

2017-06-27 05:48:46

Sein nicht funktionierender gleicher Fehler –

Haben Sie Jquery ui hinzugefügt JavaScript Referenz? –

Dies ist immer noch in Ihrem Code fehlt –

Add jquery-ui.js Bibliothek und entfernen von der größenveränderbaren Funktion aktivieren

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

Quelle

2017-06-27 05:51:59

ich muss diese Bibliothek herunterladen? –

Ich habe dies hinzugefügt, aber es funktioniert nicht der gleiche Fehler ist da –

JQuery .resizable funktioniert nicht

Antwort

Verwandte Themen