Javascript 为什么会出现此JQuery错误：$（“左手”图标）。按钮不是函数

这是我的jS代码：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script>
    <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>

    <script src="js/mr_lp_minimizr.js"></script>
    <script>
$(document).ready(function(){

if(!Modernizr.input.placeholder){

    $('[placeholder]').focus(function() {
      var input = $(this);
      if (input.val() == input.attr('placeholder')) {
        input.val('');
        input.removeClass('placeholder');
      }
    }).blur(function() {
      var input = $(this);
      if (input.val() == '' || input.val() == input.attr('placeholder')) {
        input.addClass('placeholder');
        input.val(input.attr('placeholder'));
      }
    }).blur();
    $('[placeholder]').parents('form').submit(function() {
      $(this).find('[placeholder]').each(function() {
        var input = $(this);
        if (input.val() == input.attr('placeholder')) {
          input.val('');
        }
      })
    });

}

});
</script>
<script type="text/javascript">
jQuery.fn.extend({
  slideRightShow: function(speed) {
    return this.each(function() {
        $(this).show('slide', {direction: 'right'}, +speed || 1000);
    });
  },
  slideLeftHide: function(speed) {
    return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, +speed || 1000);
    });
  },
  slideRightHide: function(speed) {
    return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, +speed || 1000);
    });
  },
  slideLeftShow: function(speed) {
    return this.each(function() {
      $(this).show('slide', {direction: 'left'}, +speed || 1000);
    });
  }
});


$(document).ready(function () {
    $("#slides :first-child").addClass("currentSlide");
    $("#slides :not(:first-child)").hide();

    $(".left_hand_icon").button().click(function () { //This is the line where issue is
        currentSlide = $("#slides .currentSlide");

        if(currentSlide.prev().prev().size() < 1) {
            // The incoming slide is the first - disable Left button
            $(".left_hand_icon").button("disable");
        }

        currentSlide.prev().addClass("currentSlide");
        currentSlide.removeClass("currentSlide");

        currentSlide.prev().slideLeftShow();
        currentSlide.slideRightHide();

        $(".right_hand_icon").button("enable");
    }).button("disable");

    $(".right_hand_icon").button().click(function () {
        currentSlide = $("#slides .currentSlide");

        if(currentSlide.next().next().size() < 1) {
            // The incoming slide is the last - disable Right button
            $(".right_hand_icon").button("disable");
        }

        currentSlide.next().addClass("currentSlide");
        currentSlide.removeClass("currentSlide");

        currentSlide.next().slideRightShow();
        currentSlide.slideLeftHide();

        $(".left_hand_icon").button("enable");
    });
});
</script>

$（文档）.ready（函数（）{
if（！modernizer.input.placeholder）{
$（'[placeholder]'）。焦点（函数（）{
var输入=$（此）；
if（input.val（）==input.attr（'placeholder'））{
input.val（“”）；
input.removeClass（'placeholder'）；
}
}).blur（函数（）{
var输入=$（此）；
if（input.val（）=''| input.val（）==input.attr（'placeholder'））{
input.addClass（“占位符”）；
val（input.attr（‘占位符’）；
}
}).blur（）；
$（“[placeholder]”）。父项（'form'）。提交（函数（）{
$（this.find（“[占位符]”）.each（函数（）{
var输入=$（此）；
if（input.val（）==input.attr（'placeholder'））{
input.val（“”）；
}
})
});
}
});
jQuery.fn.extend({
slideRightShow：功能（速度）{
返回此值。每个（函数（）{
$（this.show（'slide'，{direction:'right'}，+speed | | 1000）；
});
},
slideLeftHide：功能（速度）{
返回此值。每个（函数（）{
$（this.hide（'slide'，{direction:'left'}，+speed | | 1000）；
});
},
slideRightHide:功能（速度）{
返回此值。每个（函数（）{
$（this.hide（'slide'，{direction:'right'}，+speed | | 1000）；
});
},
幻灯片演示：功能（速度）{
返回此值。每个（函数（）{
$（this.show（'slide'，{direction:'left'}，+speed | | 1000）；
});
}
});
$（文档）.ready（函数（）{
$（“#幻灯片：第一个孩子”）.addClass（“当前幻灯片”）；
$（“#幻灯片：非（：第一个孩子）”）.hide（）；
$（“.left\u hand\u icon”）.button（）。单击（函数（）{//这是问题所在的行
currentSlide=$（“#slides.currentSlide”）；
如果（currentSlide.prev（）.prev（）.size（）<1）{
//传入的幻灯片是第一个-禁用左按钮
$（“.left_-hand_-icon”）。按钮（“禁用”）；
}
currentSlide.prev（）.addClass（“currentSlide”）；
currentSlide.removeClass（“currentSlide”）；
currentSlide.prev（）.slideLeftShow（）；
currentSlide.slideRightHide（）；
$（“.right_hand_icon”）。按钮（“启用”）；
}).按钮（“禁用”）；
$（“.right\u hand\u icon”）。按钮（）。单击（函数（）{
currentSlide=$（“#slides.currentSlide”）；
如果（currentSlide.next（）.next（）.size（）<1）{
//传入的幻灯片是最后一个-禁用右按钮
$（“.right_hand_icon”）。按钮（“禁用”）；
}
currentSlide.next（）.addClass（“currentSlide”）；
currentSlide.removeClass（“currentSlide”）；
currentSlide.next（）.slideRightShow（）；
currentSlide.slideLeftHide（）；
$（“.left_-hand_-icon”）。按钮（“启用”）；
});
});

---

我将此注释添加到错误显示的行：//这是问题所在的行

您没有包括jQuery ui小部件。按钮在那里

---

您还没有包括jQuery ui小部件。按钮在那里

---

谢谢@musa！我不想使用按钮，而是想使用图像作为左选项和右选项。如何调整脚本？图像仍然可以用作按钮，按钮就是功能，您需要包含小部件jsI我对JS是新的，所以我不确定，这是正确的：@KPO这是一个css文件，而不是将jQuery ui包含在部分中，只包含整个内容<代码>谢谢@musa！我不想使用按钮，而是想使用图像作为左选项和右选项。如何调整脚本？图像仍然可以用作按钮，按钮就是功能，您需要包含小部件jsI我对JS是新的，所以我不确定，这是正确的：@KPO这是一个css文件，而不是将jQuery ui包含在部分中，只包含整个内容<代码>