草庐IT

main-slider

全部标签

javascript - 带有 Jquery-ui slider 的 Angular2

我尝试将Jquery-uislider与angular2一起使用。我想让变量“slideValue”显示slider的值,但我不知道如何将我的模型或变量从Angular绑定(bind)到slider。这是我的slider组件:import{Component,ElementRef,Inject,OnInit}from'angular2/core';declarevarjQuery:any;@Component({selector:'slider',template:`slideValue={{slideValue}}`})exportclassSliderimplementsOnIni

javascript - 如何使用 Vue Slider 控制元素

我在requestsjson对象中有一堆数据。默认情况下,所有数据都会显示给用户。此外,我还有一个slider组件。我正在尝试实现这样的功能,即当用户移动slider时,json的元素会根据slider的值出现/消失。例如:数据:requests:[{value:10,name:"foo"},{value:12,name:"bar"},{value:14,name:"foobar"},{value:22,name:"test"},{value:1,name:"testtooo"},{value:8,name:"something"}]默认情况下,我希望显示所有数据,但当用户移动slid

javascript - Angular UI Bootstrap Slider 每张幻灯片多个项目

我正在连接到Web服务,并希望为每张幻灯片填充4个项目的UIBootstrap轮播。我正在使用|limitTo:4,但我需要一种方法来限制总共10张幻灯片中的每张幻灯片4张。这是HTML{{event.title}}引用Controllerapp.controller("eventsController",function($scope,$http){varevents=$http.get('/events');events.success(function(data){$scope.eventData=data.events["event"];console.log($scope.e

javascript - jssor slider 图像在 chrome 浏览器中无法正确显示

我已经在我们的网站上成功实现了jssorslider一年多了(并且喜欢它!)。昨天(9/3/15),我的Chrome浏览器更新了,我们网站上的slider现在无法正常工作。(使用IE和Firefox仍然可以正常工作。)图像短暂显示,然后空间变为空白,然后在转换时再次显示,然后空白。我使用slider图像作为链接,当图像未显示时它不起作用。我在以下位置找到了类似的解决方案:JssorsliderdoesnotdisplayslidesinChrome--但推荐的解决方案(将样式:位置代码从绝对位置代码更改为相对位置代码)已在我的代码中正确完成。我不确定这是否可能是CSS或javascri

javascript - 为什么我的 JQuery 淡入淡出 slider 不适用于任何 IE 类型?

我的JQueryslider在IE中不起作用(在任何文档模式中)。我该如何解决这个问题?按下按钮后,我的代码会滑下文本的div(它也很好地淡入)。IE控制台给我这个错误:"Objectdoesn'tsupportpropertyormethod'fadingSlideToggle'".(function($){$.fn.fadingSlideToggle=function($el,options){vardefaults={duration:500,easing:'swing',trigger:'click'};varsettings=$.extend({},defaults,opti

javascript - 音量 slider 控件 - JQuery/Javascript

我正在寻找使用JQuery/Javascript的精美slider控件。nativeJQueryslider对于此要求来说相当乏味。slider将用于以5为增量指定音量。因此,此slider应该只允许用户以5为增量滑动。一个不错的功能是能够在slider位置上方显示标签,指示用户选择的音量。 最佳答案 这是customizationyou'reafter的示例使用jQueryUISlider.后台全是CSS,您可以对其进行自定义。设置快照你可以像这样增加和更新数量:$("#mySlider").slider({orientation

javascript - WordPress Revolution slider : Unmuting failed and the element was paused instead because the user didn't interact with the document before

当我遇到以下JavaScript错误(在GoogleChrome中)时,我试图在ThemePunchSliderRevolution5.4.2中自动播放视频:Unmutingfailedandtheelementwaspausedinsteadbecausetheuserdidn'tinteractwiththedocumentbefore.revolution.extension.video.min.js:7 最佳答案 OP的回答:在网上苦苦思索了3天后,我决定打开出现错误的脚本,即:revolution.extension.vi

c# - 如何修改 KendoUI slider 刻度上的标签?

我正在使用KendoUiSlider。我正在使用以下设置:jQuery(document).ready(function(){jQuery("#slider").kendoSlider({increaseButtonTitle:"Right",decreaseButtonTitle:"Left",showButtons:false,min:1,max:4,smallStep:.2,largeStep:1,value:,tooltip:{enabled:false}});我有四个大台阶,我想用“P”“O”“G”“I”来代替数字。我该怎么做? 最佳答案

javascript - Electron:从 main 调用渲染器函数

我在本地存储中有一些数据必须在app.quit()上删除。但是我从主要过程中看不到这样做的方法。有没有办法从main调用renderer函数?我知道varremote=require('remote');但它似乎只朝着错误的方向发展。 最佳答案 您可以通过webContents.send将消息从主进程发送到渲染器进程,如此处文档中所述:https://github.com/atom/electron/blob/master/docs/api/web-contents.md#webcontentssendchannel-arg1-ar

javascript - 如何禁用 bootstrap-slider.js 中的 slider ?

点击按钮时,有什么办法可以停止拖动吗文档没有给出正确的描述http://www.eyecon.ro/bootstrap-slider/$("#stopDrag").click(function(){});演示http://jsfiddle.net/sweetmaanu/npGw2/ 最佳答案 使用启用和禁用功能扩展slider插件,例如:$.fn.slider.Constructor.prototype.disable=function(){this.picker.off();}$.fn.slider.Constructor.pro