JQuery:可以有 3 个输入的滑块吗?

2024-01-06

我想创建一个具有 3 个输入的滑块。我做了很多研究,但找不到比带有 2 个输入的滑块更多的东西:/

这是代码:http://jqueryui.com/slider/#range http://jqueryui.com/slider/#range

如何创建 3 输入滑块?我想要一个可以随着 3 个输入移动的滑块。例如,如果 input1 为 0,input2 为 50,input3 为 100,最大值为 100。如果我将 input2 设置为 25,则 input2-input1 将变低,而 input3-input2 将变高。


据我了解,您正在寻找滑块上的 3 个拖动手柄,如果我没记错的话,您可以像下面这样做

$("#slider").slider({
  min: 0,
  max: 100000,
  values: [0, 50000, 100000],
});
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="slider"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery:可以有 3 个输入的滑块吗? 的相关文章

  • 每 2 行后使 html 表格的边框变厚

    我创建了一个包含一些内容的表 其中有 12 行和 2 列 我想显示边框 但每 4 行之后 我想将水平边框设置为比正常情况更粗 怎么做 请在这里帮忙 试试这个选择器 table tr nth of type 4n td border bott
  • 理解 z-index:该元素如何出现在其父级同级元素的前面?

    为什么当我删除时红色 div 位于绿色 div 前面z index from wrapperRed 感觉像z index是沿着链条向上继承的 如果我改变z index将绿色 div 更改为 6 即使删除第一句中描述的行后 它仍保留在红色 d
  • 古老的“字幕”标签的替代品?

    marquee 标签的标准等效项是什么 我正在寻找 HTML C asp NET 或 ASPX jquery java 脚本的解决方案 marquee 标签未包含在标准中 因为它是 视觉 标签 而不是 语义 标签 因此 您想要的任何语言都没
  • 链接无效

    我正在尝试使用以下命令创建一组指向页面中特定部分的链接 a href 符号 但它似乎不起作用 点击链接似乎没有任何反应right click gt open in a new tab更改 url 但不会移动到页面的其他部分 我使用的是火狐浏
  • 如何使自定义 Web 组件可聚焦?

    我正在写一个自定义网络组件 https github com denilsonsa html5 knob这意味着是互动的 我如何告诉浏览器这个自定义组件应该获得焦点 我希望我的自定义元素 可以聚焦 通过选项卡导航 集中注意力时可以接收按键信
  • 如何发送正确的授权标头以进行基本身份验证

    我正在尝试从 API 发布数据 但无法通过基本身份验证 I try ajax type POST url http theappurl com api v1 method data crossDomain true beforeSend f
  • 在 Angular html 模板中访问常量枚举

    假设我有一个常量枚举 export const enum MyConstEnum Value1 Value1 Value2 Value2 Value3 Value3 现在我想在我的 Angular 模板中使用它 span This has
  • VBA 完成 Internet 表单

    我正在寻找将 Excel 中的值放入网页的代码 Sub FillInternetForm Dim IE As Object Set IE CreateObject InternetExplorer Application IE naviga
  • 如何删除除任何特定 id 之外的元素

    假设有一个父 id 其中包含许多元素 我想删除除一个元素之外的所有元素 ex parent id children not id n remove
  • Jquery 悬停卡

    我在用着http designwithpc com Plugins Hovercard http designwithpc com Plugins Hovercard 但我不知道如何在悬停卡上声明 var 每个工作描述都有自己的 ID 当悬
  • 过滤自定义选择器是否大于 jQuery 中的数字[重复]

    这个问题在这里已经有答案了 快给你一份 我查看了 jQuery com 中的选择器 但找不到按大于数字的选择器进行过滤的方法 我想做这个 level gt 4 hide 我的 html 看起来像这样 div Test div 如何使用该语法
  • jQuery .push 到 .get 调用中的数组给出空结果

    谁能告诉我为什么下面给我一个空字符串 当我console log contentArray in the get 回调函数它显示数据 但是当我尝试在下面的代码中执行它时 结果为空 sectionArray contentArray func
  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo
  • 转义 h 轮廓

    因此 我一直在尝试找出在被较低级别的标题吸引后添加内容的最佳方法是什么 section h1 Title of Section h1 h2 Related 1 h2 h2 Related 2 h2 p I NEED THIS TO BE P
  • 从 HTTP 登录到 HTTPS

    我的网站默认使用 HTTP 我确实有一个启用 HTTPS 的证书 但只有其上的某些区域强制建立安全连接 登录是通过 Ajax 处理的 我想开始使用 SSL 即使请求来自 HTTP 我尝试强制请求的地址具有 HTTPS 并且它完美地回复 然而
  • 如何通过单击链接来更改 div 的内容?

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st
  • 如何在模态打开时防止主体滚动

    我在用着W3schools 模态脚本 https www w3schools com howto tryit asp filename tryhow css modal我想添加一个功能 防止模型打开时整个主体滚动 我根据我的需要对原始脚本做
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 如何停止TinyMCE删除span标签?

    在我的工作中 前一位程序员决定使用公司网站上精彩的TinyMCE 我遇到的数千个问题之一是 如果原文有的话span标签 当我按下退格键删除一行 p仅标签 全部span标签已从文本中删除 这个错误比另一个错误更具体 我可以删除anything
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I

随机推荐

  • Android API 33 权限未授予

    所以当我在developer android网站上读到Android 13给权限字段带来了新的变化 我有一个聊天应用程序 我需要在其中拨打电话 打开相机 录制音频 在外部存储中读取和写入 因此 在 SplashScreen 中 我向用户请求
  • 包含多个 import_playbook 文件中的变量

    这是使用 Ansible 2 7 时出现的错误 我正在尝试将其中包含变量的文件包含到我的具有多个 import playbook 的剧本中 我有3个文件 与所有变量合一 一个有剧本和任务的人 带有 import playbook 的一个 我
  • 如果元素以不同的高度和宽度平铺,如何使用 Bootstrap 3 网格

    我用过引导程序3 http getbootstrap com 最近做了几个项目 喜欢它的简单工作方式 不过 我现在有一些问题 我真的不知道如何使用它 如果我有一些平铺的 div 我想知道最好的方法是如何更改顺序或网格内不同断点上的位置 我做
  • 方法声明中的变量= null?它是什么意思以及如何调用该方法?

    当我今天浏览一些代码时 我偶然发现了以下方法声明 public List
  • AngularJS + UI-Router - 在 HTML5 模式下手动输入 URL,无需 HashBang

    我目前正在使用 AngularJS 和 UI Router 进行状态管理并在后端进行表达 我目前启用了 hash bang 模式 并一直在尝试找到一种解决方案 允许您在地址栏中手动键入 URL 而无需使用 hash bang 例如 不要输入
  • “语义正确”是什么意思?

    我在 css 谈话中看到过很多次 语义正确是什么意思 正确贴标 这意味着您所称的事物就是它的实际含义 经典的例子是 如果某物是table 它应该包含数据行和列 使用它进行布局在语义上是不正确的 你说的是 这是一张桌子 但事实并非如此 另一个
  • 单击单选按钮清除下拉选择

    我有一组单选按钮 选择主要公司后 主要公司字段将被隐藏 我此时还想清除下拉选择 我怎样才能做到这一点 p p
  • Git 显示克隆后修改的随机文件;不能丢弃它们

    一旦我在 MacBook Pro 上克隆某个存储库 我就会立即看到该存储库中修改的文件 我尝试过 git pull git checkout git reset 似乎没有什么能让这些所谓的修改过的文件消失 我使用 git 一段时间了 以前从
  • Google 数据存储身份验证问题 - C#

    我正在尝试使用服务帐户凭据文件 我根据文档创建的 连接到我帐户上的 Google 数据存储 但在尝试插入实体时遇到身份验证错误 Grpc Core RpcException 状态 StatusCode 未验证 详细信息 元数据凭据插件中发生
  • Webservice C# 构造函数不允许参数?

    我试图创建一个 Web 服务 在其构造函数中采用一些参数来保存往返 但我不断收到错误 CS1729 servicename 不包含采用 1 参数的构造函数 尽管当我尝试在本地创建即时 在与服务相同的项目中 时 一切正常 什么给出了 网络服务
  • 使用 Google API - GClientGeocoder()

    我尝试关注此页面 http melandri net 2009 07 03 get location coordinates using google maps 但 GClientGeocoder 未定义 有错误 我已经在我的页面上使用了谷
  • 使用 Regex golang 查找所有匹配的字符串

    我试图返回一个数组或切片 其中包含特定正则表达式与字符串的所有匹配项 该字符串是 city state zip 我想返回一个数组 其中包含花括号之间的所有字符串匹配项 我尝试过使用regexp https golang org pkg re
  • jqgrid 列宽自动

    有没有办法让jqgrid的列宽根据该列的内容动态变化 我使用了shrinkToFit和autoWidth 但它们都不适合我 我使用jqgrid 4 5 2 我搜索并阅读了其他问题 但这些对我不起作用 也许有一个小部件可以做到这一点 如果你帮
  • 如何根据值更改输入滑块拇指颜色?

    我正在制作一个包含范围输入滑块的网站 我希望滑块拇指根据滑块的值改变颜色 例如 如果值为 0 则拇指颜色将为rgb 255 0 0 如果是 100 颜色将为rgb 0 255 0 拇指会变色 需要明确的是 我不想要这样的事情 if slid
  • 使用 html/css3 和 WebView 将图像缩放到屏幕...在图像加载之前出现白屏

    我正在 Android 中使用 WebView 来加载一些本地 html 将图像缩放到屏幕作为背景 但是 当我开始加载 WebView 的活动时 我在图像之前看到了非常短暂的白屏闪烁负载 这不是什么大不了的事 但我想避免这种情况 我尝试将所
  • Django:如何迁移运行时创建的动态模型

    在我的 Django 应用程序中 特定的用户输入将导致创建新模型 这是我用来创建模型并注册它的代码 model type model name ExistingModel attrs admin site register model ad
  • 如何让 Safari 发送 if-modified-since 标头?

    当我生成页面时 我发送标题 HTTP 1 1 200 OK Cache Control private Content Type text html charset utf 8 Last Modified Mon 04 Apr 2011 2
  • PHP 中的 JavaScript 函数 fromCharCode()

    var test String fromCharCode 112 108 97 105 110 document write test Output plain 有没有 PHP 代码可以用作String fromCharCode JavaS
  • CanCan::Ability current_user 方法在哪里定义?

    差不多就是我在标题中提到的内容 我在代码中使用 CanCan Ability 来检查权限和能力 它期望定义一个 current user 方法 我猜它来自 devise 但不确定 我希望覆盖它 最好的方法是什么 被发现了here https
  • JQuery:可以有 3 个输入的滑块吗?

    我想创建一个具有 3 个输入的滑块 我做了很多研究 但找不到比带有 2 个输入的滑块更多的东西 这是代码 http jqueryui com slider range http jqueryui com slider range 如何创建