Javascript Jquery ui功能级别范围

我将遵循以下示例：

我已经将这个示例中的确切代码（将div/input名称更改为我自己的）复制到了另一个网页中，但是chrome抛出了一个

未捕获的TypeError：未定义不是一个函数，而且滑块从未出现

不起作用的确切代码：

$(function() {
    $( "#timeframe_slider" ).slider({
      orientation: "vertical",
      range: "min",
      min: 0,
      max: 100,
      value: 60,
      slide: function( event, ui ) {
        $( "#month_week" ).val( ui.value );
      }
    });
    $( "#month_week" ).val( $( "#timeframe_slider" ).slider( "value" ) );
  });

当我将代码从示例更改为：

$( "#timeframe_slider" ).slider({
    orientation: "horizontal",
    range: "min",
    min: 0,
    max: 1,
    value: 0,
    slide: function( event, ui ) {
      if (ui.value === 0) {
        $( "#month_week" ).val("Month");
      } else {
      $( "#month_week" ).val("Week");
    }}
 });

它工作得很好

我对javascript相当陌生，但我理解：

$(function() {
    code goes here
};

是为了确保页面已准备就绪。有人能解释一下为什么在尝试使用示例时.slider（）函数突然不起作用吗

更新
在JSFIDLE中尝试重新创建时，不会出现此问题。。然而，以下正是我所看到的：
需要检查的一件事是，您没有意外地包含两次jquery，当
$（function（）{
包装的代码触发时，滑块插件不再附加到$

很抱歉，这更多的是一个评论，而不是一个答案，但我还没有足够的声誉来评论。
slider（）是一个未定义的函数吗？在你说不起作用的第一个示例中，你在这里缺少了一个引号。
$（“#timeframe_slider”）
应该是
$（“#timeframe_slider”）
Chrome显示：$（“#timeframe#slider”）.slider（{Uncaught TypeError-Orientation:@j08691，这是一个打字错误。引号实际上是存在的。更新了问题。我不清楚实际问题是什么。似乎可以很好地处理：。