羊驼滑块不工作答案

【问题标题】：Alpaca slider not working羊驼滑块不工作
【发布时间】：2016-12-22 08:43:06
【问题描述】：

我正在尝试运行 alpaca 滑块，但我无法在具有属性 slider= true 的项目中使用它，不知道如何仅使用 alpaca 使其工作。是否需要任何特定版本的羊驼才能使其工作？

我正在使用以下代码：

$(function() {
    $("#field2").alpaca({
        "data": 18,
        "options": {
            "type": "integer",
            "label": "Snow Days:",
            "helper": "Number of Snow Days in January 2011",
            "slider": true
        },
        "schema": {
            "minimum": 1,
            "maximum": 31
        }
    });
});

【问题讨论】：

标签： slider range daterangepicker alpacajs

【解决方案1】：

欢迎使用 Stackoverflow。

有两种解决方案，您的代码是正确的，但要显示组件的滑块，您应该将 jquery-ui 添加到您的页面。第二种解决方案是在options对象中添加属性inputType。

/..
"options": {
  "id": "test",
  "type": "integer",
  "label": "Snow Days:",
  "helper": "Number of Snow Days in January 2011",
  "inputType": "range", 
},
/..

【讨论】：

感谢您的热烈欢迎和解决方案。它对我有用。但是根据滑块的变化，值的变化也应该显示在文本视图中，它没有显示出来。我尝试在选项对象中使用 inputType。
请帮帮我，我试图从这么多天解决这个问题。
是的，我会尽力而为，但你能给我发张照片看看你想要的最终结果吗？
是的，在此链接alpacajs.org/docs/fields/integer.html 请检查示例 2。我想要这样的滑块，值应该显示在 textview 中。不知何故，它没有显示在我的项目中。
这可能是因为您没有使用jquery-ui，您的浏览器控制台有错误吗？我只使用滑块选项将代码重写为 true 并且它有效。这是jsfiddle.net/vert3x/ggtg7jsc/2的一个小提琴@如果它不存在，请尝试将 Jquery-ui 添加到您的项目中。

【解决方案2】：

使用 jquery UI 版本 1.12.1 和 jquery 版本 1.12.4 选项 json 中的 "inputType": "range" 对我有用。这应该适合你。

$(function() {
$("#field2").alpaca({
    "data": 18,
    "options": {
        "inputType": "range",
        "label": "Snow Days:",
        "helper": "Number of Snow Days in January 2011",
        "slider": true
    },
    "schema": {
        "minimum": 1,
        "maximum": 31
    }
});

});

【讨论】：