未捕获的类型错误：$(...).slider 在 select 更改 function 中不是 function

Question

请检查这个，关于 jquery ui slider 的问题

Html

<div id="slider-term">
  <div id="custom-handle-term" class="ui-slider-handle"></div>
</div>

Jquery

var handleTerm = $("#custom-handle-term");    
var slider = {      
    term: function() {
        $("#slider-term").slider({
        value: 2,
        min: 2,
        max: 24,
        create: function() {
        handleTerm.text($(this).slider("value") );
        },
        slide: function(event, ui) {
            handleTerm.text(ui.value);
        }
    });
    },
    termSetMin: function() {
        $("#slider-term").slider("option", "min", 6);
    }
}

slider.term();

当我调用slider.term()时，它工作正常。

但是当我尝试在 select 中调用slider.termSetMin()时，更改 function

$('#product').change(function() {
   slider.termSetMin();
});

这个错误显示

Uncaught TypeError: $(...).slider is not a function

这是什么原因造成的？ 以及如何解决？ 谢谢你。

Answer 1

jQuery 加载了两次，刚刚删除了另一个