Javascript 科尔多瓦滑块_Javascript_Jquery_Html_Css_Cordova

Javascript 科尔多瓦滑块

javascript jquery html css cordova

Javascript 科尔多瓦滑块,javascript,jquery,html,css,cordova,Javascript,Jquery,Html,Css,Cordova,我正在用cordova创建一个应用程序。滑块出现错误。 HTML <body> <div id="slider"> <div id="custom-handle" class="ui-slider-handle"></div> </div> <script type="text/javascript" src="scripts/jquery-2.1.4.min.js"></script>

我正在用cordova创建一个应用程序。滑块出现错误。
HTML

<body>
<div id="slider">
    <div id="custom-handle" class="ui-slider-handle"></div>
</div>
    <script type="text/javascript" src="scripts/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.12.1.js"></script>
    <script type="text/javascript" src="scripts/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap-slider.min.js"></script>
    <script type="text/javascript" src="scripts/temperature.js"></script>
</body>

CSS

$(function () {
    var handle = $("#custom-handle");
    $("#slider").slider({
        create: function () {
            handle.text($(this).slider("value"));
        },
        slide: function (event, ui) {
            handle.text(ui.value);
        }
    });
});

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

错误

$(function () {
    var handle = $("#custom-handle");
    $("#slider").slider({
        create: function () {
            handle.text($(this).slider("value"));
        },
        slide: function (event, ui) {
            handle.text(ui.value);
        }
    });
});

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

VM93 jquery-2.1.4.min.js:2未捕获错误：滑块小部件实例没有此类方法“值” 在Function.error（）处在HTMLDEVELENT。() 在Function.each（）处在n.fn.init.each（）处在n.fn.init.a.fn.（匿名函数）[作为滑块]（）在htmldevelment.create（）处在a.（匿名函数）。（匿名函数）。\u触发器（）在a.（匿名函数）。（匿名函数）。\u createWidget（）在新的a.（匿名函数）。（匿名函数）（）在HTMLDEVELENT。（）

在线：

handle.text($(this).slider("value"));

应该是

handle.text($(this).slider.val());

或

编辑：实际发现了一个类似问题的线程。在代码中，您试图访问滑块上名为“value”的方法，但该方法不存在。根据上的文档，这可以通过“getValue”方法访问。因此，您的代码应更新为：

handle.text($(this).slider("getValue"));

一般来说，如果答案中包含对代码意图的解释，以及在不介绍其他内容的情况下解决问题的原因，那么答案会更有帮助。您在

标题中引用了三个不同的带滑块的库，我相信您首先需要清理。