jQuery UI的功能级别作用域

我沿着这个例子如下： http://jqueryui.com/slider/#slider-vertical jQuery UI的功能级别作用域

我已经复制了确切的代码（改变DIV /输入名字我自己）从这个例子进入另一个网页，但铬抛出一个Uncaught TypeError: undefined is not a function和滑块从不出现。

确切的代码不起作用：

$(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（）函数的例子突然不起作用吗？

UPDATE 试图重新它的jsfiddle。这里时，这个问题不会出现这正是我看不过： enter image description here

来源

2014-09-24 DataSwede

是slider（）这个函数是不确定的吗？ – 2014-09-24 20:13:01

在你的第一个例子中，你说这是行不通的，你在这里缺少一个报价'$（“＃timeframe_slider）'。应该是'$（”＃timeframe_slider“）' – j08691 2014-09-24 20:15:15

Chrome显示：$（”#timeframe_slider“ ）.slider（{Uncaught TypeError Orientation： – DataSwede 2014-09-24 20:15:18

有一件事要检查的是你不小心包括jquery两次，导致滑块插件不再被附加到$，当$(function() {包装代码触发。

对不起，这是一个评论，然后一个答案，但我没有足够的声誉评论呢。

来源

2014-09-24 22:01:35

jQuery UI的功能级别作用域

回答

相关问题