TypeError：使用jQuery滑块时，'undefined'不是函数

Question

使用jQuery.js时出错。

TypeError: 'undefined' is not a function (evaluating '$('#defaultslide1').slider')

在问这个问题之前我做了功课。我尝试了here和here的建议：

例如使用jQuery(document);代替$(document);或将其定义为

var $ =jQuery.noConflict();但没有效果。

一些背景知识：

我正在使用Bootstrap 3.我的头脑中有以下内容：

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link rel="stylesheet" href="css/overcast/jquery-ui-1.10.4.custom.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

并在体内：

 <div id="content">                                    
    <div id="defaultval">
      Price Value: <span id="currentval">50</span>
    </div>
    <div id="defaultslide1"></div>

    <script type="text/javascript">
      $(function(){
      $('#defaultslide1').slider({ 
      max: 100,
      min: 0,
      value: 50,
      slide: function(e,ui) {
      $('#currentval').html(ui.value);
      }
    });
   </script>
 </div>   

文本显示但不显示滑块。