Tag: ipad

Slidetoggle无法在ipad上运行

slideToggle无法处理我们的一些ipads。 它适用于其他ipad,我们可以看到ipad或操作系统的设置或型号没有区别。 这些设置允许弹出窗口。 此命令适用于所有其他设备,以及包括iphone和机器人在内的浏览器,为什么它只能在某些ipad中运行? 代码是$(‘#nslds-login-block’).slideToggle(); 谢谢

睡眠/恢复后,jquery animate在ipad上不起作用

我在使用ios 8.1的ipad上看到了一个奇怪的行为。 我有一个html / js应用程序,我使用jquery动画进行转换。 我使用div位置的动画以及淡入/淡出效果。 这是一个简单例子的一部分: $in = $(‘#newdiv’); $in.css({position: ‘absolute’, left: “1024px”, top: “0px”}); $in.removeClass(‘hidden’); $in.animate({left: tx, top: ty}, 400); 这完美无缺 – 达到一定程度。 如果,当应用程序打开时,我按下“电源”按钮让ipad进入睡眠状态,然后再将其唤醒(电源按钮,滑动,输入解锁代码),动画不再起作用。 我将ipad连接到我的mac并在调试器中逐步执行代码 – 每一行都正确执行,但动画根本没有动画 – 根本没有。 fadeIn / fadeOut动画也是如此。 这是一个非常简单的jsfiddle,展示了这个问题。 请注意,在将ipad更新为ios 8.1之前,旧版本的ios上没有发生这种情况。 我错过了什么? 更新:从主屏幕图标运行时,这似乎只会影响应用程序 – 在Safari中运行时,一切都按预期工作。

Jquery Animate ScrollLeft无法在ipad上运行

所以即时开发这个网站它完美适用于PC和Mac但在ipad上我有导航问题。 http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/ 此代码将html,body移动到另一个部分。 它在pc和mac上完美运行。 但是当我在ipad上它只是不起作用。 在这种情况下,它移动到索引部分。 $(“#ini”).click(function() { if($(“#todolocal”).css(“left”) == ‘0px’){ $(“#todolocal”).animate({left: ‘3500px’}, 1000,’easeInOutQuad’,function(){ $(“#todolocal”).css(‘left’, ‘-2500px’) $(‘html,body’).stop(true,false).animate({ scrollLeft: $(“#todoini”).offset().left , scrollTop: 0}, 650); $(‘#todoini’).stop(true,false).animate({ scrollTop: 0 }, 650); lugar= 0; window.location.hash = ”; document.title=”Kipling: Inicio”; $(“#ini”).addClass(‘focusini’); $(“#hist”).removeClass(‘focushist’); $(“#col”).removeClass(‘focuscoleccion’); $(“#cuid”).removeClass(‘focuscuidados’); $(“#suc”).removeClass(‘focussucursales’); $(“#cont”).removeClass(‘focuscontacto’); return false; }); } if($(“#todobolsas”).css(“left”) == ‘0px’){ $(“#todobolsas”).animate({left: ‘3500px’}, 1000,’easeInOutQuad’,function(){ $(“#todobolsas”).css(‘left’, ‘-2500px’) $(‘html,body’).stop(true,false).animate({ scrollLeft: […]

jQuery UI对话框()无法在iPad上打开

我有一个小型的网络应用程序,只不过是几个HTML页面。 我希望在我的应用程序中使用jQuery UI对话框,我在Mac和PC(Sarafi,Chrome,Firefox)上的浏览器中工作,我已部署到android(Xoom 2),但一切都很好,但是对话框不是我在iPad(IPad 2)上测试时被解雇了。 我还注意到,在iPad上查看页面时,不会隐藏包含对话框内容的DIV。 这是我的JS代码…… $(‘#entry_level_phones .boxHolder’).live(“click”, function(){ var clickedItem = $(this).find(“img”)[0].id; console.log(clickedItem); // raise a modal… $(function() { $( “#dialog-modal” ).dialog({ modal: true, draggable:false, height:600, position:”center”, resizable:false, width:1000 }); // more happens here which isn’t important… but there is no conflict or error }); }); 这是相关的DIV …… Hello World 通过发出alert()以查看是否正在引发click事件进行测试时,执行测试警报,因此它不是click事件的问题,它是对话框本身或者没有加载jQuery UI。 我也尝试提出这样的对话,而不是与DIV或事件相关联,但即使这样也行不通 […]

禁用滚动网页iPad

我已经看到很多涉及停止所有touchmove事件的解决方案。 但是这对我来说不起作用,因为我的应用程序涉及绘图canvas。 有没有办法确保用户不能滚动,同时保留其他touchevents? –Ashley

.load()在ipad上不起作用

我有简单的脚本来检查图像,但它在我的ipad 5.1上没有正常工作。 在图像中我收到jpg的流,因此加载必须在每个帧上工作(如在大型safari中),但在ipad中它只会触发一次。 可能是一些建议? $(‘#image’).load(function(){ console.log(new Date().getTime();); });

ipad禁用没有jquery的选项

我可以使用一种方法,插件或代码片段 …. 在ipad上的safari选项被禁用? 后编辑:这是代码: function getSelectedValues(ids) { var selectedValues = [] , $selected = $(‘.selector’).children(‘option:selected’); $selected.each(function(){ if(this.value != 0){ if(ids == true){ selectedValues.push(this.value+’-‘+$(this).parent().attr(‘id’)); } else { selectedValues.push(this.value); } } }); return selectedValues; } function clearDisabled() { $(‘.selector’).children(‘:disabled’).attr(‘disabled’, false); } function disableSelected(selectedValues,id) { sv = selectedValues || []; if(id === true){ var selectedIds = []; var […]

Ipad或移动Safari浏览器上的HTML5 Canvas触摸事件偏移量

我遇到了一个问题,我无法通过Google解决这个问题,这是我在stackoverlow上的第一篇文章。 我有两个相互叠放的帆布元素,在我的公司网站上创建一个彩票类型刮擦function。 问题是,在Ipad上,如果我向下滚动页面甚至像素,触摸位置关闭等于滚动的高度。 我尝试了几种不同的路线来尝试解决这个偏移问题无济于事。 使用的JS库:Jquery1.6.4和kinetic2d1.0.2 http://www.kineticjs.com/用于移动触摸事件检测。 我没有非常使用safari mobile,所以我认为有一些属性或方法来确定我不知道的偏移量。 我想要一个解决这个问题的JS解决方案,但任何让我到终点线的黑客都会获胜。 提前致谢。

Ipad上的ScrollLeft和ScrollTop使用动画链(jQuery)

我一直在理解为什么在每个最新的浏览器上我的代码工作,而不是在iPad上,它只能在一半的方式工作。 首先,这是我正在努力工作的网站: http : //madovar.com 我想,当我点击顶部的联系我们链接,滚动到右边然后到底部,使用jQuery的动画,它在FF,IE8 +和chrome,safari中运行良好。 但当我上iPad时,它就像它想象的那样向右移动,然后开始向下滚动一点并直接向左移动,然后将滚动动画设置为我代码的空白部分。 这是我的脚本: jQuery(document).ready(function($) { $(‘.contact’).bind(‘click’, function (event) { $(‘html, body’).animate({ scrollLeft: “+=2200” }, 1500, ‘easeInOutExpo’).delay(400).animate({ scrollTop: “+=2000” }, 3000, ‘easeInSine’); event.preventDefault(); }); }); 请帮助我,我已经搜索了Internet和Stackoverflow。 谢谢

防止Webapp中的额外接触

我的webapp上的滑动代码有问题。 使用单个手指,页面之间的滑动可以完美地工作,但是,当我用第二个手指触摸并与第一个手指同时移动时,应用程序会对要听哪个手指感到困惑。 这通常会导致事情变得非常错误。 我如何确保应用程序所关注的唯一触摸事件是由第一次手指触摸触发的事件? 我的滑动插件的代码如下所示: (function($) { $.fn.movement = function(options) { var defaults = { threshold: { x: 150, y: 15 }, mouseUp: function() {}, mouseMove: function() { }, mouseDown: function() { }, scrollStart: function() { }, scrollStop: function() { }, scrollMove: function() { } }; var options = $.extend(defaults, options); if (!this) return false; […]