草庐IT

滑动条

全部标签

javascript - 在 Angular 中区分滑动和点击

我使用ng-click来显示列表中项目的详细信息,并且我将jQuery移动滑动事件附加到列表项目以在用户向左滑动时显示删除按钮。问题是当我在元素上滑动时,它不仅会发出滑动事件,还会发出点击事件。因此,当我想滑动删除一个元素时,它会显示删除按钮并打开详细信息View。我该怎么办?拥有像ng-swipe这样的东西会很酷。 最佳答案 最新的不稳定angularjs(1.1.4+)构建包括ngSwipeLeft和ngSwipeRight指令。您必须注意引用angular-mobile.js库。https://github.com/angul

javascript - 通过重复创建 polymer 滑动页面

我尝试通过模板重复使用滑动页面。Texttoswipe在我写的polymer中created:function(){console.log(this);this.values=[1,2,3];}它给我错误UncaughtTypeError:Cannotsetproperty'values'ofundefinedPolymer.createdPolymer.Base._addFeature._invokeBehaviorPolymer.Base._addFeature._doBehaviorPolymer.Base.createdCallbackwindow.Polymer(anonym

javascript - 水平和垂直双向触摸滑动 slider

有许多JavaScript或CSS触摸滑动slider,但它们似乎都只允许垂直或水平滑动幻灯片。有没有什么东西可以在一张幻灯片上同时进行,这样我就可以在一张幻灯片上水平和垂直滑动? 最佳答案 我不是100%确定这是否是您要找的东西,但看起来非常接近:iDangero.us刷卡器。http://www.idangero.us/sliders/swiper/允许在另一个水平旋转木马/slider内垂直切换框。我一直在寻找同样的东西,这是我找到的最接近我正在寻找的插件。一点黑客/操纵可能会使它做你正在寻找的东西。

javascript - 没有任何UI框架的页面上的phonegap滑动过渡效果

目前我在phonegap响应式移动应用程序中工作。我没有使用jquerymobile或任何其他UI框架。我想在页面上滑动左/右过渡效果。我没有找到页面滑动过渡的正确解决方案。有人帮我解决这个问题,因为我不知道如何实现这种效果? 最佳答案 最后我得到了用于cordova(phonegap)应用程序的slidetransition插件。它适用于android和iphone。最适合没有任何UI框架的单页和多页应用程序。它支持滑动、翻转、淡入淡出和curl过渡。http://plugins.telerik.com/cordova/plugi

javascript - 如何动态地将数据插入 ionic 滑动框Angularjs Ionic

我正在使用Ionic框架和Angularjs构建一个新闻应用程序!我正在使用ng-repeat在ion-slide-box上展示新闻,这里是一个例子:{{i.name}}{{i.gender}}{{i.age}}我想为每张幻灯片动态地将数据插入到我的ionic幻灯片盒中,所以我正在使用此代码:$scope.slideHasChanged=function(index){$scope.items.push("{name:'John',age:25,gender:'boy'}");}但这似乎不太奏效,所以如果您对我如何重新喜欢它有想法那就太好了:)这里是CODEPEN+CODE

javascript - Angular Material 滑动切换的两种方式绑定(bind)无法按预期工作( Angular 4)

我已经实现了AngularMaterial滑动切换,除了出于某种原因它没有将值绑定(bind)到相关变量之外,一切似乎都有效?//otherirrevelantimportsabove..import{MatDialog,MatDialogRef,MAT_DIALOG_DATA}from'@angular/material';@Component({selector:'app-calendar',templateUrl:'./calendar.component.html',styleUrls:['./calendar.component.scss'],host:{'(document

Javascript 触摸移动,跟踪用户从边缘滑动的时间

我需要跟踪用户触摸事件。我想跟踪用户何时从边缘滑动。例如,当用户从左垂直边缘滑动时,我将显示一个菜单,从右边缘滑动时发出警报,并在用户从顶部滑动时显示另一个菜单。我找不到类似的用法。我怎样才能做出这种行为?从边缘跟踪滑动?我用hammer.js试过这个因为我使用jQuery,但是其他库(QuoJS、TouchSwipe、Touchy等)对我来说没问题。fiddle:http://jsfiddle.net/mavent/ym4JV/51/$(document).hammer().on("tapdoubletapholddragswipepinchrotatedragupdragdowns

javascript - 如何使用 jQuery 在菜单悬停时创建滑动动画?

我在很多网站上看到过这个,但我不确定我是否能够解释它。有时导航中会有滑动元素,例如菜单项下的箭头,当用户将鼠标悬停在不同的菜单链接上时会滑动等。这是一个简单的菜单:Link1Linknumber2Link3Linksomething4Link5还有一些jQuery(我知道我可以用简单的css获得同样的效果:hover):jQuery('ullia').hover(function(){jQuery('a').removeClass('active');jQuery(this).addClass('active');});此外,工作jsfiddle:http://jsfiddle.net

javascript - Facebook 喜欢在没有 jQuery Mobile 的 JavaScript 中滑动菜单

我正在使用PhoneGap和jQueryMobile开发应用程序。这确实会降低应用程序的性能。我使用jQueryMobile的唯一原因是因为swipelateralmenus.是否有任何简单库可以正确执行该实现?我只找到了jQueryMobile相关的东西。提前致谢! 最佳答案 这两个项目你也可以试试https://github.com/jakiestfu/Snap.jshttp://www.berriart.com/sidr/ 关于javascript-Facebook喜欢在没有jQu

javascript - 如何让div从右向左滑动

从某人这里得到一个代码......我喜欢的是让滑动的div从右滑到左,我的意思是它把div隐藏到右边,然后慢慢地向左滑动300px宽度。HTMLquoteUserAreaCSS#loginPanel{color:#000;cursor:pointer;}#userNav{width:200px;height:200px;display:none;background:#ff0000;}查询//Open/ClosePanelAccordingtoCookie//if($.cookie('panel')=='open'){$('#userNav').slideDown('fast');}e