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

Question

我在页面上使用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？
（不改变所包含脚本的顺序，因为它会破坏其他内容）

Answer 1

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

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

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