jQuery滑块“slide”事件:如何确定用户的滑动方向?

2023-11-30

我一直在剖析 firebug 中的事件和 ui 对象,但它似乎没有任何我可以使用的东西。我错过了什么吗?我想我可以跟踪价值的变化,但这似乎是一个拼凑。

$(".selector").slider({
    slide: function(event, ui){
        // I need to tell if the slide is left-to-right or right-to-left here.
    }
}); 

谢谢! 贾森


对于每个想知道如何解决这个问题的人,我刚刚找到了一个解决方案:

从两个包含幻灯片的全局变量开始。我的滑块始终从 0 开始,从左向右移动,因此第一个 nexSlide 位置为 1。现在您可以简单地比较两者,看看您滑动的方向。此方法最有效,因为它可以在不停止滑动的情况下检测方向的变化。

   var currentSlide = 0; var nextSlide = 1;

   jQuery( "#slider" ).bind( "slide", function(event, ui) {
       currentSlide = jQuery('#slider').slider('value');
       nextSlide = ui.value;
    });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery滑块“slide”事件:如何确定用户的滑动方向? 的相关文章

  • Jquery 禁用下拉列表中的选项

    伙计们 我使用下面的代码来禁用使用 jQuery 的选项 jquery 1 4 2 min 禁用发生在 Firefox 中 但不会发生在 IE 中
  • JavaScript 中的排序算法

    为 jQuery 函数编写 JavaScript 回调 sort click 允许用户以任意顺序输入三个数字 按从小到大的顺序输出数字 document ready function sort click function var a Nu
  • 在 Safari 6 中禁用 JIT 以解决严重的 Javascript JIT 错误

    我们发现 Javascript 代码的解释存在严重问题 该问题仅发生在 iOS 5 Safari 6 当时的 iPad 版本 上 我们认为这是由于 Safari 中的 Just in Time JS 编译器中的严重错误造成的 看update
  • Unraveling Angular 2 书,第 1 章,示例 5

    该页面显示了潜水列表 它有一个 添加新潜水 清除潜水 和一个搜索框 该搜索框会在您输入内容时过滤显示的列表 这是模板 div class container fluid h1 My Latest Dives Angular TypeScri
  • MaterializeCSS 可折叠主动更改图标。

    我正在寻找有关可折叠的帮助 我试图在标题处于活动状态时更改标题上的图标 但似乎无法解决如果我单击另一个标题而不关闭第一个显示正确图标的标题的问题 这是一个包含我的问题示例的代码笔 http codepen io FPC pen xZEWVY
  • 按箭头键时光标会跳跃

    我有一个文本框 无法在其中输入禁用字符 然而 当文本框填充了数据时 我将焦点放在文本框的中间 然后使用箭头键左右移动 然后它跳到文本框的末尾 这是有效的 如果我也在文本框中间输入一个字符 它会再次转到末尾 id txtClient keyu
  • JSON 对象 - 访问 React Native 中的值

    在我的 React Native 应用程序中 我使用 RNDBModels 包 它是 AsyncStorage 的包装器 目前 我正在通过 RNDBModels 保存一个 JSON 对象 并且该对象可以正常工作 但是访问数据具有挑战性 当代
  • 当自定义属性不等于 x 时,通过 .class 删除

    我拥有的 我有一个选择元素 有些选项同时具有类 filterable option 和自定义属性 data clienturn 我需要的 基于另一个元素的更改事件 我需要从选择元素中删除以下选项 被归类为 filterable option
  • 格式良好的源代码

    源代码已使用换行符和空格进行格式化 Goals keep source formatting as long as lines fit in the screen horizontally e g pre 在左侧显示与行对齐的行号 例如 行
  • Meteor 独特客户端集合的发布/订阅策略

    使用 Meteor 我想知道如何最好地处理共享相同服务器端数据库集合的不同客户端集合 考虑以下示例 我有一个User集合 在我的客户端我有一个好友用户列表我有一个搜索功能 可以对整个用户数据库执行查询 返回一个与查询匹配的用户名列表 在发布
  • 根据已知的纬度和经度点在图像上放置点的尝试失败

    我为这个含糊的标题道歉 我真的想不出更好的方法来总结它 非常欢迎提出建议 我正在开发一个实际上不需要谷歌地图的项目 它只会为这个项目带来额外的开销 但是 到目前为止 我不知道如何在没有谷歌地图的情况下做到这一点 如果我要将平面图的图形叠加层
  • 从express.js 中删除所有标头

    我正在创建一个页面 其中有一些数据可以由另一个设备解析 我曾经使用 php 执行此操作 但现在将其移至 Node js 我需要从页面中删除所有标题 这样我就只有我的输出 此输出是对 GET 请求的响应 此刻我有 HTTP 1 1 200 O
  • fillRect(0,0,0,1)和clearRect()有什么区别

    之间有什么区别 ctx fillStyle rgba 0 0 0 1 ctx fillRect 0 0 100 100 and ctx clearRect 0 0 100 100 性能或生成的图像或画布数据有什么差异吗 更新以对应有问题的
  • 添加到元素后如何删除自动完成功能?

    在我向元素添加自动完成功能后 例如 commObj communityName autocomplete auto commName backend php onItemSelect handleItemSelect extraParams
  • 如何让元素在进入页面时滚动到滚动条的中心

    我正在制作一个 Angular 项目 它有一个 时间轴 组件 其中有一个overflow x scroll元素 container width 30vw height 100vh background color aquamarine ma
  • 在 Javascript 中,如何确定我当前的浏览器是计算机上的 Firefox 还是其他浏览器?

    if firefox and is on a computer alert using firefox on a computer else alert using something else 我怎样才能做到这一点 您所追求的被称为浏览器
  • 通过 jquery/ajax 在表单提交中传递数据

    我想使用 jquery ajax 提交一个包含大约 10 个输入的表单 但我不知道如何通过 ajax 的数据参数将数据传递给它 我应该序列化它们吗 The jQuery 序列化 http api jquery com serialize 可
  • 云功能:如何将 Firestore 集合复制到新文档?

    我想在使用 Cloud Functions 进行活动时在 Firestore 中制作集合的副本 我已经有了这段代码 可以迭代集合并复制每个文档 const firestore admin firestore firestore collec
  • 要求节点模块 var 或 const 的最佳方法是什么?

    当我们需要诸如express或bodyParser之类的节点模块时 我们将使用var关键字创建变量并分配模块 我们不能用const声明这样的模块 也就是说 代替这个 var express require express var app e
  • Nestjs如何控制缓存?

    最近读了nestjs的文档 从中学到了一些东西 但我发现了一些让我困惑的事情 In 技术 缓存 https docs nestjs com techniques caching 文档告诉我使用像这样的装饰器 UseInterceptors

随机推荐

  • 有人能让这个自定义的 AlertDialog 真正起作用吗?

    我问了另一个关于自定义 AlertDialog 的问题here 然后我点击了这个自定义的AlertDialog 发现here import android app AlertDialog import android content Con
  • 如何使用 C# 获取 Excel 下拉列表中的值

    我正在寻找打开和读取 Excel 文件的代码 任何版本的 Excel 包括 2010 我的其中一列有一个下拉菜单 我需要获取下拉列表中所选项目的值 我最终希望将这些值填充到业务对象中 如果有人有一些代码可以分享 请告诉我 我正在使用 C 和
  • 使用VLC的虚拟界面时如何防止显示控制台

    我正在尝试从 Node js 服务器脚本以 虚拟 模式启动 VLC 但是使用child process spawn vlc I dummy 使用 Windows 时 为 VLC 的输出生成一个新的控制台窗口 有没有办法防止这种情况发生并强制
  • 基于文本输入字段创建动态链接

    我正在尝试创建一个文本输入字段 访问者可以在其中输入值 然后单击 执行 或 提交 根据数字 它们将被发送到新页面 例如 如果他们输入 123 并点击提交 则会将他们发送至http www example com page 123 有人可以帮
  • 过滤 OData 中的扩展实体

    如何对 OData 中的扩展实体应用过滤条件 假设我有主实体作为home有字段 homeId StateId CountyID Address 和子实体state as StateId StateName and county as Cou
  • 在 python 中将声音从网站转换为文本

    如何将网站上的声音转换为文本 当我单击网站中的按钮时会播放声音 但我的问题是如何在不使用麦克风的情况下将其转换为文本 仅使用网站和 python import speech recognition as sr r sr Recognizer
  • 回发或初始请求期间的 ASP.NET 事件顺序

    我能否从社区得到一些确认 证明我不会发疯 并且回发期间页面的生命周期实际上与最初请求页面时的顺序不同 如果是这种情况 我们将非常感谢指向概述顺序的参考文献 文章 回发相当于页面生命周期图像会很好 行为略有不同 但顺序相同 在这方面 回发 本
  • java.lang.ClassNotFoundException

    我正在开发一个 java 项目 该项目直到几天前才开始工作 我不确定我对 Eclipse 设置做了什么来控制它 但现在当我尝试运行一些访问 google Finance api 的代码时 我收到了 java lang ClassNotFou
  • 根据下拉列表选择从数据库填充另一个选择下拉列表

    我正在构建一个网站来学习编码 并尝试构建一个工具 用户可以在其中单击包含从数据库中提取的一些类别名称的选择 下拉菜单cat然后将出现另一个选择 其中包含从数据库中提取的子类别名称subcat 这几乎和 Yelp 的一模一样 进入类别 就像
  • 加载多种消息类型的设计模式

    当我浏览时 我遇到了一个关于处理多种消息类型 我关心的是 如何以简洁的方式加载这样的消息 我决定创建一个单独的类 其中的方法每次调用时都会加载一条消息 此方法应创建具体消息类型 例如 AlphaMessage BetaMessage Gam
  • C 编译器错误中的“需要左值”是什么意思? [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 include
  • 如何在代码中配置我的Windows服务来访问桌面?

    我创建了一个Windows服务 我想从该服务打开一些基于 Windows 的应用程序 但我的 Windows 服务无法启动桌面应用程序 要启用访问权限 我必须执行以下步骤 打开管理工具 服务 右键单击我的服务并选择 属性 然后在 登录 选项
  • 如何使 clang 编译为 llvm IR

    我希望 clang 将我的 C C 代码编译为 LLVM 位代码而不是二进制可执行文件 我怎样才能做到这一点 如果我有 LLVM 位代码 如何进一步将其编译为二进制可执行文件 我想在编译为二进制可执行文件之前将一些我自己的代码添加到 LLV
  • 为什么 print_r 和 var_dump 在 echo 之前执行

    我正在打电话var dump or print r 在一个具有一个值的数组上echo陈述 echo br br testArray is gt var dump testArray lt br br 这是浏览器中的实际输出 array 0
  • Python 2 和 3 之间 numpy 数组的 Pickle 不兼容性

    我正在尝试加载链接的 MNIST 数据集here在 Python 3 2 中使用此程序 import pickle import gzip import numpy with gzip open mnist pkl gz rb as f l
  • Bash 脚本中的字符串连接

    我正在编写这个 Bash 脚本 count 0 result for d in ls 1 IMAGE DIR egrep jpg do if count 4 0 then result abc d if count gt 0 then ec
  • Foundation5 与 Symfony2 中的 Compass 和 Assetic

    我想在 Symfony2 中使用 Compass 和 Assetic 配置 Foundation5 我已经按照他们的说法安装了 Foundationhttp foundation zurb com docs sass html npm in
  • 组合来自名称向量的数据帧

    我有一个我认为很容易解决的问题 但我没有找到解决方案 我有大量的数据框想要按行绑定 为了避免列出所有数据框的名称 我使用 paste0 快速创建数据框名称的向量 问题是我无法使 rbind 函数从该名称向量中识别数据帧 更明确地说 df1
  • 如何在一张图片中找到另一张图片?

    我有 2 张 bmp 图像 ImageA 是屏幕截图 示例 ImageB 是其中的一个子集 举个例子 一个图标 我想找到图像中图像的 X Y 坐标 如果存在 知道我会怎么做吗 这是一个快速示例 但速度很慢 大约需要 4 6 秒 但它完全符合
  • jQuery滑块“slide”事件:如何确定用户的滑动方向?

    我一直在剖析 firebug 中的事件和 ui 对象 但它似乎没有任何我可以使用的东西 我错过了什么吗 我想我可以跟踪价值的变化 但这似乎是一个拼凑 selector slider slide function event ui I nee