Question

我修改了一个我在网上找到的小提琴，想在我的页面上运行它。但是，在尝试这样做时，我得到了一个未捕获的TypeError。你能帮我解决一下这个问题吗？

链接到我的页面：http://goo.gl/7jTAya 链接到jsfiddle：http://jsfiddle.net/Y5ZLL/1655/

谢谢！

这是我的代码：

var sliders = $("#sliders .slider");

sliders.each(function() {
    var value = parseInt($(this).text(), 10),
    availableTotal = 100;

    $(this).empty().slider({
        value: 0,
        min: 0,
        max: 100,
        range: "max",
        step: 10,
        animate: 100,
        slide: function(event, ui) {
            // Update display to current value
            $(this).siblings().text(ui.value + ' %');

            // Get current total
            var total = 0;

            sliders.not(this).each(function() {
                total += $(this).slider("option", "value");
            });

            // Need to do this because apparently jQ UI
            // does not update value until this event completes
            total += ui.value;

            var max = availableTotal - total;

            // Update each slider
            sliders.not(this).each(function() {
            var t = $(this),
                value = t.slider("option", "value");

            t.slider("option", "max", max + value)
                .siblings().text(value + ' %');
            t.slider('value', value);
            });
        }
    });
});

Answer 1

您必须包含定义Slider功能的JS文件也许是jQuery Slider，来自jQueryUI？

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

这是working demo。

Answer 2

您缺少jquery-ui.js库。只需添加：

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

未捕获的TypeError：不是函数

2 个答案: