jquery - 如何使用两个不同版本的 jQuery UI

Question

我正在处理的自定义控件包含 jquery ui 1.9.2，但它应该插入的项目可以包含任何版本。那么，有什么方法可以更改库中的某些内容，或者可以创建我的 jquery ui 版本的实例并通过该实例调用我需要的函数？例如，我创建了一些名为“JQUI19”的实例，然后假设我将函数组合框称为

$('#someElement').JQUI19.combobox();

或以任何其他方式。我记得我在某个地方看到过类似的事情，例如

myJQ('#someElement').combobox();

但不记得在哪里看到过。

Answer 1

切勿使用两个版本的 UI。

如果您正在打包将由多个客户端重用的内容，并且想要检查客户端是否已经有可用的 jquery UI，那么您可以使用如下内容:

if (typeof jQuery.ui !== 'undefined'){
// Add Google UI Library To Head
(function() {
  var jqUiScript = document.createElement('script'); jqUiScript.type = 'text/javascript'; jqUiScript.async = true;
  jqUiScript.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(jqUiScript, s);
})();


}