JQuery UI 在这里添加了什么？答案

【问题标题】：What does JQuery UI add here?JQuery UI 在这里添加了什么？
【发布时间】：2014-10-27 12:35:21
【问题描述】：

最近，我在 YouTube 上观看了一个视频，其中有人使用 JQuery 和 JQuery UI 制作了一个水平滑块。我成功地重新创建了滑块，但是，我不明白 JQuery UI 究竟在这里做了什么。 如果我把它拿出来，滑块将无法工作。如果你们中的任何人可以通过告诉我 JQuery UI 在此处添加什么来帮助我，我们将不胜感激！

这是滑块的代码：

HTML

  <body>
    <div class="slider">
        <img id="1" src="1.jpg">
        <img id="2" src="2.jpg">
        <img id="3" src="3.jpg">
    </div>

    <script src="../../../Users/Dave/Downloads/jquery-1.11.1.min.js"></script>
    <script src="../../../Users/Dave/Desktop/jquery-ui.min.js"></script>
    <script src="behavior.js"></script>
    </body>

CSS

.slider{
    width: 600px;
    height: 400px;
    overflow: hidden;
    margin: 30 auto;

}

.slider img{
    width: 600px;
    height: 400px;
    display: none;
}

JQuery

function Slider(){
    $(".slider #1").show("fade", 500);  
    $(".slider #1").delay(5500).hide("slide", {direction: 'left'}, 500);
    var sc = $(".slider img").size();
    var count = 2;

    setInterval(function(){
        $(".slider #"+count).show("slide", {direction: 'right'} , 500);
        $(".slider #"+count).delay(5500).hide("slide", {direction: 'left'}, 500);   

        if(count == sc){
            count = 1;  
        }else{
            count = count+1;
        }
    }, 6500);

}


$(document).ready(function() {
    Slider();
});

就像我说的，滑块也完全按照我想要的方式工作，我了解代码及其工作原理，我只是不明白为什么我需要 JQuery UI。什么方法/功能/等等。它在这里添加吗？为什么没有 JQuery UI 就不能工作？

【问题讨论】：

比较show()与show()

标签： javascript jquery jquery-ui

【解决方案1】：

代码使用了 jQuery Core 中不可用的 jQuery UI's slide effects

【讨论】：