jquery ui slider pips - 与脚本依赖作斗争答案

【问题标题】：jquery ui slider pips - struggling with script dependenciesjquery ui slider pips - 与脚本依赖作斗争
【发布时间】：2021-02-24 22:28:01
【问题描述】：

我知道这是一个基本问题，但我只是无法让这些工作。我很确定它与依赖关系和我包含它们的顺序有关，任何帮助将不胜感激。

$(".slider").slider().slider("pips");

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.min.js"></script>
    <script src="bower_components/jQuery-ui-Slider-Pips/dist/jquery-ui-slider-pips.js"></script>
    <link rel="stylesheet" href="bower_components/jquery-ui/themes/base/jquery-ui.min.css" />
    <link rel="stylesheet" href="bower_components/jQuery-ui-Slider-Pips/dist/jquery-ui-slider-pips.min.css" />
    <script src="main.js"></script>
  </head>
<body>
    <div class="slider"></div>
</body>
</html>

【问题讨论】：

错误信息是什么？
问题不清楚，代码不完整。
欢迎来到 Stack Overflow。请花点时间查看：stackoverflow.com/help/asking 关于您的问题，“pips”不是 jQuery Slider 的功能。请查看：api.jqueryui.com/slider 看起来您正在使用插件，您是否看到任何控制台错误？您的所有库路径都正确吗？

标签： jquery jquery-ui jquery-ui-slider-pips

【解决方案1】：

您必须确保所有库都正确加载。如果它没有加载，jQuery UI 将抛出一个关于“pips”不是选项的错误。例如，您可以这样使用：

$(function() {
  $(".slider").slider().slider("pips");
});

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jQuery-ui-Slider-Pips/1.11.4/jquery-ui-slider-pips.css" />
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-ui-Slider-Pips/1.11.4/jquery-ui-slider-pips.js"></script>

<div class="slider"></div>

此脚本按预期工作，因为所有元素都正确加载。希望对您有所帮助。

【讨论】：