未捕获的类型错误:在选择更改函数内部调用$(..).slider时，它不是函数

Question

请检查这一点，jquery ui滑块的问题

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()时，它工作正常。

但当我试图在选择更改函数内调用slider.termSetMin()时

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

此错误显示

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

是什么原因造成的？如何修复？非常感谢。

Answer 1

jQuery被加载了两次，只是删除了另一个