jQuery UI SelectMenu Fehler

Question

ich versuche, die jQuery UI SelectMenu zu implementieren, aber ich werde immer wieder den gleichen Fehler in der Browser-Konsole. Hier

ist der HTML-Code

<select name="files" id="files"> 
    <optgroup label="Scripts"> 
    <option value="jquery">jQuery.js</option> 
    <option value="jqueryui">ui.jQuery.js</option> 
    </optgroup> 
    <optgroup label="Other files"> 
    <option value="somefile">Some unknown file</option> 
    <option value="someotherfile">Some other file with a very long option text</option> 
    </optgroup> 
</select> 

und die Javascript/jQuery-Code

$(function() { 

$("#files").selectmenu(); 

}); 

Es ist das gleiche von der jQuery UI Webseite aber nicht von mir arbeiten.

Dies ist der Fehler:

jquery-3.0.0.js:9779 Uncaught TypeError: elem.getClientRects is not a function

ich jemand Ideen haben Hoffnung.

Danke

Answer 1

Es gibt Kompatibilitätsprobleme mit jquery Version >= 3.0 mit älteren jquery-ui oder könnte die letzte sein. Ich würde vorschlagen, dass Sie jquery-migrate-3.0.js einschließen und sehen, ob das gut funktioniert.

Gemäß der release doc:

To assist with upgrading, we have a brand new 3.0 Upgrade Guide. And the jQuery Migrate 3.0 plugin will help you to identify compatibility issues in your code. Your feedback on the changes will help us greatly, so please try it out on your existing code and plugins.

In addition, we’ve got the release for jQuery Migrate 3.0. We highly recommend using this to address any issues with breaking changes in jQuery 3.0. You can get those files here:

jquery-migrate-3.0.js

jquery-migrate-3.0.min.js

Fiddle DEMO with jquery migrate 3.0 included