Tag: jquery

如何在iPhone(ios)环境中修复页眉和页脚

在对input和select字段进行聚焦时,我需要修正标题。 我们在Android和Windows环境中成功修复了头文件。 但在iPhone中,我们正面临以下问题,请参阅屏幕截图2和3 我们正在使用jquerymobile 1.4.0 请任何人帮助我,我们正在尝试这个问题近一个月,我们仍然没有解决这个问题。 屏幕截图1 屏幕截图2 屏幕快照-3 (function(){ var targetElem = $('.fixedElement'), // or more than one $doc = $(document), offsetY, scrollY, changeY; if( !targetElem.length || !navigator.userAgent.match(/iPhone|iPad|iPod/i) ) return; $doc.on('focus.iOSKeyboardFix', 'input, textarea, [contenteditable]', bind); function bind(){ $(window).on('scroll.iOSKeyboardFix', react); react(); } function react(){ offsetY = targetElem.offset().top; scrollY = $(window).scrollTop(); changeY = offsetY – scrollY; […]

在iOS中出现键盘之前,在“焦点”开始/ Fire事件之前触发事件

我想在关注textarea(即在iOS上出现键盘之前)之前触发一个事件。 这可能吗? 我的代码来处理焦点在这里: $(document).on('focus', 'textarea', function() { console.log("focus event"); });

iOS上的JQuery Mouseup

我最近添加了jquery.mouse2touch.min.js插件到我的游戏中,经过testing,我遇到了一个问题。 我的运动系统由两个div组成(一个向左移动一个向右移动),基本上当你按住div时,玩家应该向一个方向移动,而当你放开时,他应该停止。 问题是,如果我压下太久,然后放手,玩家不会停下来。 这是让他感动的代码: // iControl System var $div = $('#character'); $('#ios-left').mousedown(function(){ leftTimer = setInterval(function(){ processWalk('left'); },100); }).mouseup(function(){ $('#character').stop(); clearInterval(leftTimer); }).mouse2touch(); $('#ios-right').mousedown(function(){ rightTimer = setInterval(function(){ processWalk('right'); },100); }).mouseup(function(){ $('#character').stop(); clearInterval(rightTimer); }).mouse2touch(); 和小提琴: http : //jsfiddle.net/gqfesrhw/ 谢谢(如果有人认为这可能是一个与mouse2touch插件的问题,我会打开其他build议)

JavaScriptdate()函数不适用于Safari(iOS)

我使用Date()函数获取当前date并将其与另一个date进行比较。 它与Android和networking工作正常,但它不适用于iOS。 我的代码是: function daytogo() { var status = document.getElementById('dmy_status').getAttribute('value'); if(status =='C') { var event_status="Event has been cancelled"; } else if(status =='P') { var event_status="Event postponed ! Waiting for new date"; } else { /*START OF CALCULATING DATE DIFFERENCE*/ var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds var a = document.getElementById('dmy_strt').getAttribute('value'); var b = document.getElementById('dmy_end').getAttribute('value'); //var firstDate […]

Objective C向phonegap发送数据并调用javascript函数

我正在使用手机开发一个iOS应用程序。 因为需要实现人脸识别,所以我也在这里使用本地语言objective-c。 在主故事板中,我有两个视图控制器。 一个叫做“FaceRec”,它完全是通过使用objective-c创build的。 脸部识别function在这里实现。 另一个是电话主视图控制器。 他们通过使用标签栏控制器连接。 问题是当用户从Tab Bar ControllerinputFaceRec页面并从服务器获得响应时。 如果响应是真的,我不知道如何发送FaceRec到phonegap主视图控制器的响应。 因为他们在不同的视图控制器,我也不知道如何从objective-c调用JavaScript函数。 我知道通过使用插件,我可以从javascript调用objective-c方法,也得到响应,但我想要的是通过不同的视图控制器发送数据从objective-c到phonegap,并调用一个JavaScript函数。 反正有什么想法吗? 提前致谢! 以下是index.html中的代码: <script type="text/javascript"> function login() { $(function() { $.mobile.navigate( "#main", { transition : "slide", info: "info about the #bar hash" }); }); } </script> <div id="loginPage" data-role="page" data-theme="b">; <div id="main" data-role="page" data-theme="b">

JQueryUI的可拖动加-webkit溢出滚动隐藏拖动元素?

我有一个滚动的div在iPad2上使用-webkit-overflow-scrolling:touch; 。 在里面,我有可拖动的元素使用TouchPunch和TouchPunch通过触摸拖动移动。 我非常接近完美的工作,但是我发现了一个问题。 使用这样的div设置,我的JQueryUI draggable helper对象不会浮动其他所有东西。 随着-webkit-overflow-scrolling ,它漂浮正常,但滚动波涛汹涌。 有两种方法可以获得两全其美吗? 这是一个JSBin,请使用iPad或iPhone查看问题! 这里是JSBin的编辑视图 提前致谢!

如何监听或绑定在iPhone应用程序中的滚动事件(内置PhoneGap)?

我们已经阅读了关于是否build议使用jQuery来绑定或者监听滚动事件的冲突信息。 本质上,我们希望在用户向下滚动页面时在图像中进行animation处理,类似于Google Plus iPhone应用程序所做的。 有没有更好的方式来回应滚动事件(具体来说,当一个隐藏的图像进入视图,应该animation到可见性)? 绑定滚动事件时,人们做了什么? 我们是不是应该使用jQuery,并自行推出一些东西?

iOS divdynamic滚动没有固定的高度(内容通过ajax加载)?

我正在创build一个具有固定的div(比如说200px高度)的iOS web应用程序以及该滚动内容。 我不喜欢默认的iOS滚动,因为它不像通过向下滑动浏览网页所发现的本地滚动(iOS中的本地滚动具有动量,而默认的overflow没有动量)。 我试图滚动的div有以下特质: 设置宽度 dynamic高度(通过AJAX的内容) 使用jQuery AJAX将内容从外部网站加载到div ,并且可以select重新加载AJAX请求。 这意味着,取决于加载页面中的内容量, div的高度将会改变。 我似乎无法find任何解决scheme,允许dynamic滚动iOS的div没有一套,我已经尝试了以下内容: – webkit-overflow-scrolling: touch iScroll 和这些问题: 这是我的第一select,因为它只是一个css标签,通常工作正常。 这是新的,但有很多的错误,包括一个为我的networking应用程序的交易断路器。 如果您focus在一个input元素上,那么页面会放大(即使meta标记设置为user-scalable:no ),并且不会缩小,直到您在文本框中键入文本,然后所有内容都以3px 。 这个解决scheme是滞后的,高度需要固定。 使用它的刷新function太麻烦了,因为在重新加载AJAX请求,重新加载页面,隐藏元素等时需要调用它。 TL; DR:除了-webkit-overflow-scrolling和iScroll ,还有什么解决scheme可以让我在iOS中使用dynamic高度(通过AJAX加载内容)的dynamic卷动吗?

Cordova Console插件在页面加载后停止工作

我有一个使用控制台插件的Cordova 7.0.1项目,以便我可以在iOS上使用console.log() 。 该插件工作,直到redirect例如 window.location.href = 'index.html'; 此时,即使alert()仍然有效, console.log()也会停止工作。 这是令人沮丧的,因为这个应用程序没有响应(试图login),这是一个痛苦debugging与警报。 在XCode控制台中,我有以下几点: 2017-06-12 15:01:14.828 APP [x:x] Session validated 2017-06-12 15:01:14.835 APP [x:x] Resetting plugins due to page load. 2017-06-12 15:01:15.491 APP [x:x] Finished load of: file:///Users/X/Library/Developer/CoreSimulator/Devices/X/data/Containers/Bundle/Application/X/APP.app/www/index.html “validation的会话”是console.logged。

我应该在iOS / Android上使用哪个“事件”与<input />元素?

当用户开始键入input元素的search字段时,我需要显示/隐藏结果。 我可以使用一些有趣的事件 mousedown / mouseup touchstart / touchend 焦点 或者可能完全忽略“点击”事件,只是使用“更改”事件来检测文本是否出现在search框中,2.作出相应的响应。 由于可能存在许多细节, 特别是跨设备,我不拥有 ,无法testing,我希望有人可以告诉我,我应该使用哪个事件来处理这种情况。 * – 注意 – 演示需要手动编辑以下内容,直到configuration正确的事件 $("#local-filterable-listview").hide(); $("#defaultHomeContent").hide();