jQuery 插件：如何显式调用 jQuery UI 函数？答案

【问题标题】：jQuery plugins: How to explicitly call a jQuery UI function?jQuery 插件：如何显式调用 jQuery UI 函数？
【发布时间】：2014-02-28 02:08:39
【问题描述】：

我在一个页面上使用 jQuery、jQuery UI 和 jQuery Mobile

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

当我打电话时

$("#slider-range").slider({range: true, min: 0, max: 100});

它调用jQuery Mobile Slider（无意）

如何显式调用jQuery UI Slider？
（不更改包含脚本的顺序，因为它会破坏其他内容）

【问题讨论】：

你见过this吗？
啊，就是这样！但我一直在寻找一种更通用的方法来指定显式调用哪个函数。有没有办法做到这一点？

标签： jquery jquery-ui jquery-mobile

【解决方案1】：

由于两个函数 'slider()' 都添加到 $() 对象中，因此您必须在包含库后立即重命名一个函数

$.fn.uislider = $.fn.slider;

这就是 jquery 插件的工作方式，它们扩展了 $ 对象。另一种可能性是编辑插件本身，但我不建议这样做。

【讨论】：