Tag: 滑块
如何获取轮播的总数和当前幻灯片数量
你能告诉我如何获得引导程序中旋转木马滑块的总数和当前数量，如下图所示吗？ 我有一个标准的Bootstrap轮播和一个带有.num类的 来显示总数和当前数，我使用这段代码来检索数字，但它没有通过 $(‘.num’).html(){ $(‘#myCarousel’).carousel({number}) } 谢谢 更新： 请在这个jsfiddle LINK上找到一个样本
如何使用Selenium Webdriver移动jQuery的Horizontal Slider或Vertical Slider
我想制作selenium脚本移动下面的网站上给出的滑块 示例名称是如何更改jQuery UI Slider的方向 http://jqueryui.com/demos/slider/ 我不知道怎么做
当页面没有焦点时，javascript动画排队
所以这个滑动动画在页面上查看时效果很好，但是如果我去另一个浏览器标签几分钟并回到这个标签，那就像所有的动画排队一样，当我离开时，一次性运行超高速。 它看起来很可怕……有什么想法吗？ $（document）.ready（function（）{ var timeOuts = new Array(); var currentSlide = 0; var slides = $(‘.banner_images’).length; homeanimation(currentSlide); function homeanimation(i) { if (i == slides) { i = 0; } $(‘.banner_images:eq(‘ + i + ‘)’).css(‘left’, ‘-901px’); $(‘.banner_images:eq(‘ + i + ‘)’).animate({ “left”: “0px” }, 800); $(‘.overlay-content:eq(‘ + i + ‘)’).fadeIn(1500); timeOuts[0] = setTimeout(function() { $(‘.banner_images:eq(‘ + […]
触摸移动卡住忽略尝试取消触摸移动
我正在搞乱触摸滑块上的触摸事件，我不断收到以下错误： 忽略尝试取消具有cancelable = false的touchmove事件，例如因为滚动正在进行且无法中断。 我不确定是什么导致了这个问题，我不熟悉触摸事件，似乎无法解决这个问题。 以下是处理触摸事件的代码： Slider.prototype.isSwipe = function(threshold) { return Math.abs(deltaX) > Math.max(threshold, Math.abs(deltaY)); } Slider.prototype.touchStart = function(e) { if (this._isSliding) return false; touchMoving = true; deltaX = deltaY = 0; if (e.originalEvent.touches.length === 1) { startX = e.originalEvent.touches[0].pageX; startY = e.originalEvent.touches[0].pageY; this._$slider.on(‘touchmove touchcancel’, this.touchMove.bind(this)).one(‘touchend’, this.touchEnd.bind(this)); isFlick = true; window.setTimeout(function() { isFlick = false; […]
滑块与按钮。 如何提高？
我需要制作一个滑块。 我有内容（应该水平移动）和两个按钮 – “右”和“左”。 如果按住按钮并按住它，内容将开始移动（按适当的方向）。 如果您没有按住按钮，则移动停止。 此行为复制通常窗口滚动条的行为。 我写了一些代码： var animateTime = 1, offsetStep = 5; //event handling for buttons “left”, “right” $(‘.bttR, .bttL’) .mousedown(function() { scrollContent.data(‘loop’, true).loopingAnimation($(this)); }) .bind(“mouseup mouseout”, function(){ scrollContent.data(‘loop’, false); }); $.fn.loopingAnimation = function(el){ if(this.data(‘loop’) == true){ var leftOffsetStr; leftOffsetInt = parseInt(this.css(‘marginLeft’).slice(0, -2)); if(el.attr(‘class’) == ‘bttR’) leftOffsetStr = (leftOffsetInt – offsetStep).toString() + […]
使用jQuery动态添加幻灯片到Bootstrap 3轮播
我正在尝试使用jQuery将幻灯片添加到Bootstrap轮播，但它并不是浏览器中的滑块。 相反，它在列表视图中显示图像。 onload=function(){ for(var m=3;m>=0;m–) { var path=”file_uploads/”+m+”.jpg”; $(“.carousel-indicators”).after(“”); $(“.carousel-inner”).after(“”); } $(“.carousel-indicators li:first”).addClass(“active”); $(“.carousel-inner .item:first”).addClass(“active”); $(‘.carousel’).carousel(); }
我如何使用这个超大jquery插件的api
您好我正在使用超大插件。 我想根据加载的幻灯片更改页面中的内容。 在文档中我发现了api，但无法弄清楚如何做到这一点。 以下是文档中的复制粘贴 theme.afterAnimation（） 每次幻灯片转换完成时运行。 trigger : after each slide transition http://buildinternet.com/project/supersized/docs.html#theme-after 如果我想提示alert(‘slide changed!’); 每次幻灯片改变后会怎么样？ 我只是无法理解如何使用这些api’ 。
多个jQuery-UI滑块的总计
我正在尝试实现一个页面，其中有4个jQuery-UI滑块，我想这样做，所以所有4个滑块的总和将永远不会超过400。 我不介意这是实现的方式，它可以从0开始，一旦你更改1个滑块，剩余的可用总数减少或设置滑块超过最大值，减少其他滑块上的值。 PS滑块以10为增量。 我们欢迎所有的想法和建议，如果您想测试，我会设置一个jsFiddle 。
