`Fiddle DEMO with jquery migrate 3.0 included`

Question

我正在尝试实现jQuery UI SelectMenu，但我在浏览器控制台中一次又一次地出现同样的错误。

这是HTML代码

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

和Javascript / jQuery代码

$(function() {

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

});

它与jQuery UI网站相同但不适用于我。

这是错误：

jquery-3.0.0.js：9779未捕获的TypeError：elem.getClientRects不是函数

我希望有人有想法。

谢谢

Answer 1

jquery版本>= 3.0与旧版jquery-ui存在兼容性问题，或者可能是最新版本jquery-migrate-3.0.js。我建议你加入{{1}}，看看这是否合适。

根据 release doc ：

为了协助升级，我们推出了全新的 3.0 Upgrade Guide 。 jQuery Migrate 3.0 plugin 将帮助您识别代码中的兼容性问题。您对这些更改的反馈将对我们有很大帮助，因此请尝试使用现有代码和插件。

此外，我们已经发布了jQuery Migrate 3.0。我们很高兴   建议使用它来解决任何破坏性变化的问题   jQuery 3.0。你可以在这里获得这些文件：

<强> jquery-migrate-3.0.js

jquery-migrate-3.0.min.js

`Fiddle DEMO with jquery migrate 3.0 included`

jQuery UI SelectMenu错误

1 个答案:

`Fiddle DEMO with jquery migrate 3.0 included`