草庐IT

移动工作站

全部标签

javascript - 移动 'back' 按下后运行 javascript

我们有一个移动网站(MVC风格的ASP.NET),其中包括显示全屏HTML幻灯片。为了显示它,我们像这样在mobileHTMLMovieView上运行代码:$(function(){$(document).bind('pageinit',function(){$("header").hide();$(".subHeader").hide();$(".subHeaderAccent").hide();$("footer").hide();$(".ui-content").css("width","100%").css("height","100%").css("margin","0").

javascript - 移动设备上的 100% 高度和 CSS

我敢肯定这个问题以前有人问过,但我找不到任何非常相似的东西(有些问题略有相似)移动浏览器的趋势是在您向下滚动时隐藏地址栏,这很好,但对于严重依赖基于百分比的元素高度的网站来说存在问题,例如我现在制作的响应式网站。问题是,视口(viewport)大小会根据地址栏的可见性而变化。意思是,地址栏不可见时的100%高度大于其可见时的大小。当您滚动时,这会导致网站重新配置不稳定。这在移动版GoogleChrome上尤其成问题,因为每当您在页面中的任何位置向上滚动时,地址栏都会返回。大量不稳定的重新配置。我希望100%在没有地址栏的浏览器中表示100%。无论我采取什么解决方案,它都需要一些Java

javascript - 缓慢移动鼠标时不会触发 mouseleave

如果您将mouseleave监听器放在页面最顶部的div上,如果您将鼠标缓慢移出页面顶部,它不会在Chrome上触发(但如果您快速移动,它会起作用).如果您在文档或正文中监听事件,也是一样的。在Firefox中运行良好。您可以在thiscodepen中看到问题.取消注释CSS填充以查看我当前的解决方法。有没有想过为什么会这样?可能是Webkit错误?还有其他解决方法吗?更新:这与jQuery无关-我在Chrome中使用nativemouseleaveJavaScript事件重现了这个问题。更新:提交Chromium问题:mouseleavenotfiredwhenmovemousesl

javascript - 使用 Jest CLI 时如何让 Promises 工作?

我正在尝试使用JestCLI测试一个promise,这段代码在浏览器中运行时会正常执行。但是我想开始为它编写测试。classListCollection{constructor(){this.items=newArray();}addItem(string){constaddItemPromise=newPromise(function(resolve,reject){//setupasyncgettinglikeaXMLHttpRequestsetTimeout(()=>{this.items.push(string);resolve(string);}.bind(this),200

javascript - jQuery backstretch 图像自动移动和返回

我在我的网站上使用了backstretch。现在尝试自动从左向右和向后移动背景。但直到现在,它只是朝着一个方向发展。我正在寻找那个移动图像的连续循环。如何重置/移回图像?backstretch.js:http://dev.disaster-kfw.com/fileadmin/template/js/slidebackground.js一些用于移动效果和初始化的javascriptvarimages=['fileadmin/template/gfx/background02-03.jpg'];jQuery.backstretch(images[Math.floor(Math.random

javascript - 将两个图像拖在一起,但将移动限制在垂直轴上

我想在一个页面上将两个图像一起移动。其布局如下:|1.1|--2.1--||1.2|--2.2--||1.3|--2.3--||1.4|--2.4--|因此图像彼此相邻,以“1”开头的单元格属于第一张图像,以“2”开头的单元格属于第二张图像。当我拖动任何图像时,预期的行为是两个图像都移动,但图像1仅在垂直轴上移动。(所以它仍然在左边,但可能会像图片2一样上下移动。这张图片将用作一种标题,需要始终在左侧可见,但需要垂直同步与图像2.),图像2可以沿两个轴移动。在示例中,这意味着第一个图像的1.1部分将始终与第二个图像的2.1部分对齐。有没有可能支持这个的JS框架?我试过使用fabricJ

javascript - grunt-ng-constant 目标不能持续工作

我在grunt-ng-constant中遇到了一个奇怪的问题,其中3个目标中只有2个有效。我的配置如下所示:grunt.initConfig({ngconstant:{options:{space:'',wrap:'"usestrict";\n\n{%=__ngModule%}',name:'config'},//Environmenttargetsdevelopment:{options:{dest:'/scripts/config.js',},constants:{ENV:{name:'development',apiEndpoint:'http://your-developmen

javascript - Dropbox 打开按钮如何工作?

2015年2月,Dropbox发布了一项新功能,允许您从其网络界面触发本地打开文件:https://blogs.dropbox.com/dropbox/2015/02/new-way-to-open-dropbox-files/更多信息在这里:https://www.dropbox.com/en/help/8571https://www.dropbox.com/help/8572这是上下文菜单中可见的“打开”按钮的示例:这是显然连接到同步客户端的弹出窗口的简要显示:很明显,必须安装Dropbox同步客户端,因此您可以运行一些native本地代码,这允许一些仅使用浏览器内Javascri

javascript - 即使 previos 尚未完成其工作,是否会触发传递给 setInterval 的回调

是否会触发传递给setInterval函数的回调,即使前一个回调(由相同的setInterval触发)尚未完成其工作?如果是这样,我该怎么做才能解决此问题?我应该使用自己的bool标志(如inProcess)还是每次都调用setTimeout而不是setInterval? 最佳答案 我建议使用setTimeout。我有类似的问题,我必须每3秒轮询一次服务器以获取某些数据,直到我收到数据或达到阈值。我写过这样的东西:functiongetData(){$.post(url,data,function(res){if((res.erro

javascript - jquery scannerDetection ignoreIfFocusOn :'input' 不工作

我正在使用scannerDetection.js扫描条形码:jQuery(document).ready(function(){$(document).scannerDetection({ignoreIfFocusOn:'input[type="text"]'});});但是上面的设置不起作用,因为每次我聚焦一个input元素时,条形码都会显示在输入框中,而且formsubmit事件也会被触发.我尝试使用:$(document).scannerDetection({preventDefault:true});哪个有效,但不幸的是它也阻止了我的键盘输入。我尝试使用不同版本的jquery库