Question

我正在尝试在我的网页上实现一个jQuery滑块，但它给我带来了错误：

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

这是我的链接列表：

<link rel="stylesheet" type="text/css" href="../css/search.css">
<link rel="stylesheet" type="text/css" href="../css/main.css">
<link rel="stylesheet" type="text/css" href="../css/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCtf7Q1QeO9cQfwsBo7FQ-g3en_zJbk8Iw&callback=initMap" async defer>
</script>

这是JavaScript代码：

<script type="text/javascript">

$( function() {
$( "#slider-range" ).slider({
  range: true,
  min: 0,
  max: 500,
  values: [ 100, 300 ],
  slide: function( event, ui ) {
    $( "#amount" ).html( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
$( "#amount1" ).val(ui.values[ 0 ]);
$( "#amount2" ).val(ui.values[ 1 ]);
  }
});
$( "#amount" ).html( "£" + $( "#slider-range" ).slider( "values", 0 ) +
 " - £" + $( "#slider-range" ).slider( "values", 1 ) );
});
</script>

我认为问题可能与我使用的在页面上使用的模板有关。在模板中有另一个jQuery.js文件，我认为该文件与此页面上使用的版本相同：

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>

Answer 1

我得到同样的错误 $(...)。术语“滑块”不是指功能。我尝试了所有我能想到的补救措施。但是，jquery 和 jquery-ui 排序解决了这个问题。我使用的是 jquery-ui 而不是 jquery。

按正确的顺序

jQuery .slider不是一个函数？

1 个答案: