草庐IT

移动扫码点餐

全部标签

javascript - jQuery UI 可拖动可防止在移动设备上滚动

我有垂直列出的全屏宽度的可拖动元素。我正在使用一个名为(jquery.ui.touch-punch)的插件来启用jQuery可在移动设备上拖动。但问题是可拖动元素会阻止用户滚动页面。$('#novieList.element.content').draggable({axis:'x',revert:function(){return$(this).position().left 最佳答案 我认为在jquery.ui.touch-punch.js中注释掉event.preventDefault()不再有效。我尝试了相同的解决方案,发现

Javascript:取消移动到数组的第二个位置

这个问题在这里已经有了答案:Howtoinsertanitemintoanarrayataspecificindex(JavaScript)(28个答案)关闭7年前。我理解这张图:但现在我的问题是……如何在数组的第二个位置添加一个元素?如果我有这个数组:(A,C,G,T)并且我想添加B...我想要的结果应该是:(A,B,C,G,T)有什么建议吗?谢谢!

javascript - Node js 捕获键盘按下和鼠标移动(不在 Web 浏览器上)

我正在尝试使用Nodejs制作一个程序,该程序将捕获按键和鼠标移动。不在网络浏览器上。这是我个人项目的一种键盘记录器类型。我试过robotjs但它需要很多依赖才能运行。有什么简单的方法可以做到这一点。提前致谢 最佳答案 看起来你需要全局键钩子(Hook)。尝试使用iohook模块'usestrict';constioHook=require('iohook');ioHook.on("mousemove",event=>{console.log(event);//result:{type:'mousemove',x:700,y:400

javascript - 可视化实时动画移动标记

我有一个使用OpenStreetMaps、LeafletJSAPI和PostGIS数据库的map解决方案。我有一个从跟踪设备调用的API。设备以30秒的间隔发送数据(经度和纬度)。我已将map上的数据绘制为标记,并通过连接标记绘制多段线。现在我需要绘制实时和动画跟踪标记。我正在寻找类似于以下gif图像的解决方案。https://i.imgur.com/KrOy634.gif有一个名为MovingMarker的LeafletJSAPI插件但我无法解决。它使用三个参数(2个位置和动画持续时间)。我可以添加位置但无法控制持续时间。varmyMovingMarker=L.Marker.movi

javascript - 我可以从网站上读取 'real' 移动 GPS 坐标吗?

我做了一个网站,我想在移动设备(Android和iPhone)上读取“真实”位置GPS。当我尝试使用W3C在我的Android网站上设置位置时javascript方法GPS未启用,位置由IP设置(当我尝试使用GoogleMaps应用程序时,GPS已启用并在状态栏上闪烁)。有什么方法可以从手机上的网络读取GPS(真实GPS)?提前致谢! 最佳答案 使用HTML5,您可以做到这一点。您需要检查GeolocationAPI:DiveIntoHTML5和W3CGeolocationAPISpecification最简单的例子如下:if(na

javascript - jQuery(window).height() 不适用于移动浏览器

我有一个使用jQuery(window).height()的整页幻灯片,它在大多数浏览器上都能正常工作,但是我在我的手机(Android浏览器和Dolphin)上检查了它,幻灯片不断地增长,远远超过视口(viewport)的高度。这是我的代码:varheight=jQuery(window).height();jQuery('.slide').each(function(index,element){if(height>600)jQuery(this).height(height);elsejQuery(this).height(600);});jQuery(window).on('r

javascript - photoswipe 自定义工具栏与 jquery 移动

我是jquerymobile和jquery的新手。我正在使用phonegap和jquerymobile开发一个项目。我正在使用PhotoSwipe作为图片库。它运行良好并显示图像。但我想为我的画廊制作一个用于照片滑动的自定义工具栏。我看到了他们给定的自定义工具栏示例并且几乎成功了。但是,尽管我是这个领域的新手,所以我未能将它与jqueryMobile集成。而且我的自定义按钮根本不起作用。这是我的代码示例。for(vari=0;i');}$('.GalleryAccessories').trigger("create");varmyPhotoSwipe=$(".GalleryAccess

javascript - 如何使用 bobril 框架移动 SVG 元素

我想在bobril中用鼠标移动一个SVG元素(圆)。我应该使用哪种生命周期组件方法?我尝试使用onPointerDown等方法,但是这些方法只处理圆圈内的事件。我应该使用拖放还是有其他选项可以围绕整个SVG移动圆圈? 最佳答案 onPointerDown、onPointerMove和onPointerUp组件生命周期方法(更多信息参见bobril/index.tsIBobrilComponent)是正是您所需要的,但需要多一点代码。在onPointerDown方法中将bobrilb.registerMouseOwner与您的上下文一

javascript - 如何不允许可排序 jquery 列表的部分移动?

我做了一个可排序的列表:milkeggscheese但是,我想让所有带有classfood的东西都不可拖动。由于它们是链接,有时当人们点击它们时,他们会不小心重新排列列表。有谁知道如何只使“食物”类项目不可“拖动”? 最佳答案 假设您的可排序选择器是.line:$('.line').sortable({cancel:'a.food'});参见:Thecanceloption在jQueryUI文档中了解详细信息。 关于javascript-如何不允许可排序jquery列表的部分移动?,我们

javascript - 如何在窗口滚动时上下移动div

我有一个jquery函数,可以在滚动页面时上下移动一些div,这里是代码->$(window).scroll(function(){$(".mydiv").css({"margin-top":($(window).scrollTop())+"px","margin-left":($(window).scrollLeft())+"px"});});上面的代码只适用于一个div,比如->ThisdivworksThisdivtakesahighdistancefromabovedivandgoesdown$(window).scroll(function(){$(".mydiv").css