草庐IT

slider-pager

全部标签

javascript - 不使用框架就存在范围 slider /双 slider

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在寻找一个JavaScript控件,它是一个范围slider(双旋钮):不使用现有的JS框架(例如dojo、jQuery等)-除非您可以滚动/创建自己的子框架,我可以在其中只编译我需要的组件。适用于所有主流浏览器下面是范围slider的示例,但当然这使用了jQuery-所以这不是一个选项,因为即使我构建的jQuery只包含我需要的组件(jQueryU

javascript - 滑动或单击 slider 控件时轮播不正确滑动(下一个/上一个)

我刚刚完成了一个旋转木马的构建,我一直在使用它使用滑动/触摸并使用诸如上一个/下一个控件来控制旋转木马。现在我遇到了关于轮播行为的问题。基本上我想让它一张一张地滑动。这是我一直在处理的代码示例。现在它似乎滑动了2或3,具体取决于我放置的轮播数量。我也有关于让它响应的问题functionfCarousel(){//varactiveSlide=0;//$('.faculty-carousel').attr('data-slide','0');varviewPortSize=$(window).width(),facultyPanel=$('.faculty-carousel.facult

javascript - 如何解决 Chrome 73 中 bxSlider 项目的点击事件问题?

在Chrome更新到版本73后,bxSlider的内部项目点击事件不会触发。如何在新Chrome中为元素触发.on('click')事件?它会在幻灯片移动时在Chrome中触发。在FireFox中一切正常carouselProduct=$('.slider-pager').bxSlider({maxSlides:3,minSlides:3,slideWidth:90,infiniteLoop:false,moveSlides:1,slideMargin:8,pager:false,nextSelector:'.slider__nav--next',prevSelector:'.slid

javascript - Shiny 的 slider 按月输入

我正在写一个Shiny的并且想要一个日期slider。我数据中的日期是每月一次,我想一次向前推进一个月。docs对于slider输入,根据最小/最大参数类型,步长值是秒还是天。目前我有:sliderInput("slider","Time",min=as.Date("2005-01-01"),max=as.Date("2014-12-01"),value=as.Date("2005-01-01"),step=30,...)我希望能够按月而不是按天进行,但从他们给我的信息来看这似乎是不可能的。有没有我可以添加的js片段可以给我这个功能?澄清说明:我已阅读此功能的文档,据我所知,此功能没有

javascript - 如何创建范围 slider ? ( native react )

这是我的rangeslider但要更改值,用户需要单击该值。如何制作,能够拉动slider?谢谢。 最佳答案 如果我是你,毫无疑问,我会寻找一个图书馆来为我完成繁重的工作。假设您需要跨平台(iOS和Android)范围slider解决方案,根据我在撰写此答案时的研究,在两个平台的性能和可定制性选项方面均提供最佳结果的插件是@ptomasroos/react-native-multi-slider。它缺少好的文档,但有exampleavailable。这是基本设置:importReactfrom'react';import{View,

javascript - jQuery UI Sliders - 根据拖动方向选择重叠的 slider

我有一个简单的jQueryUISlider设置,其中包含一个范围和两个重叠的默认值。可以在这个jsfiddle中找到整个东西(带有一些花里胡哨的东西):http://jsfiddle.net/yijiang/XeyGS/$('#slider').slider({min:1,max:11,range:true,values:[4,4]});问题在于,当您尝试将单个可见句柄拖动到右侧时,它会失败,因为jQueryUI始终将最小句柄放在顶部。出于多种原因,这显然很糟糕。有没有办法让jQueryUI根据用户开始拖动的方向选择拖动哪个句柄? 最佳答案

javascript - 如何在 react-native 中制作圆形 slider

我想添加一个类似的范围组件。但是实际上是圆形的,我不知道该怎么做。请给我一些帮助。我想要的示例: 最佳答案 我最近一直在使用react-native-svg,我认为它很棒-SVG和React是极客天堂中的一对,非常适合创建自定义UI,无需下拉到原生绘图代码.这是一个小的CircularSlider组件,它实现了您上面描述的内容:importReact,{Component}from'react'import{PanResponder,View}from'react-native'importSvg,{Path,Circle,G,Te

javascript - Bootstrap slider 更改最大值

我目前正在使用Twitterbootstrap-slider库,并且一直在试图弄清楚如何在slider初始化后更改最大值。这个问题如何retrievethevalue有一些帮助,但我仍然找不到确切的调用方法。到目前为止,这是我一直在尝试的:JS:$('#slider').slider({max:100});$('#slider').slider({max:200});console.log($('#slider').data('slider').max)控制台:100直接设置$('#slider').data('slider').max值也不会改变slider本身的范围,即使值已经改变

javascript - 以编程方式模拟点击/更改 aria (netflix) slider 的值

我正在尝试通过GoogleChrome扩展程序控制Netflix的播放器。这是控制栏的图片,供不熟悉的人使用。我设法使用以下代码模拟点击播放/暂停、下一集和切换全屏按钮(带有橙色方block的按钮):$(".[controlclass]").click();但相同的逻辑似乎不适用于控制您当前所在视频的哪一部分(蓝色矩形内的那一部分)的slider。我想做的是改变视频的当前位置(比如后退10秒)。到目前为止,这是我尝试过的:在sectionrole="slider"上更改aria-valuenow:$(".player-slider")["aria-valuenow"]=0;获取红色圆圈

javascript - jQuery UI Slider 对数刻度

我正在使用这个用于对数slider的jQueryUI代码:varminVal=10;varmaxVal=100;$("#slider").slider({range:true,min:minVal,max:maxVal/2,values:[minVal,maxVal],slide:function(event,ui){$("#amount_min").val(Number(expon(ui.values[0],minVal,maxVal)).toFixed(0));$("#amount_max").val(Number(expon(ui.values[1],minVal,maxVal)