Tag: jquery

iOS上的Chrome; back / forward不能与history.pushState一起使用？

我有一个网页，它使用带有片段标识符的history.pushState （即#Heading1 ）和jQuery的animate方法在文档中导航。 这是我导航到文档中某个位置的方法： $(‘nav a’).click(function(e){ e.preventDefault(); var href = $(this).attr(‘href’); history.pushState(null, null, href); $(‘#address’).val(location.pathname + href); $(‘html, body’).animate({ ‘scrollTop’: $(href).offset().top + ‘px’ }); 在iOS上使用谷歌浏览器，地址按预期更新，滚动动画工作正常，但后退/前进按钮不会转到识别的标签。 我应该注意，使用后退/前进按钮时，地址栏中的URL 会发生变化。 它只是没有去识别标签。 我在iOS上使用谷歌浏览器时才看到这个问题; iPhone和iPad都有。 我在CodePen上创建了一个Pen ，其中包含了我的代码子集，可以演示这个问题： http ：//codepen.io/Ghodmode/pen/YqKGga 更新： 我更新了笔，使其在iPhone / iPad上更容易测试。 使用调试视图可能也更好： http ： //s.codepen.io/Ghodmode/debug/YqKGga 更新2： 我在CodePen上创建了另一个应该展示问题的页面。 这一次，没有jQuery： http ： //s.codepen.io/Ghodmode/debug/jqOqpq 我还没有能够测试这个，因为我没有直接访问iPhone / iPad，但我真的不认为这个问题与jQuery有什么关系。 它工作正常： iPhone / iPad上的Safari […]

手动触发焦点输入Iphone问题

我试图在点击另一个元素后聚焦textarea。 桌面浏览器似乎工作正常但不是Iphone。 $(‘.reveal_below’).on(‘change’, function(e) { e.preventDefault(); var item_id = $(this).attr(‘data-item-id’); if (this.checked) { $(‘.hidden_below__’ + item_id).css({ ‘margin-left’: ‘0px’, display: ‘block’, opacity: ‘0’ }).animate({ ‘margin-left’: ’15px’, opacity: ‘1’ }, 250, function() { console.log(“———–“); $(“#x”).focus(); }) } else { $(‘.hidden_below__’ + item_id).slideUp(); } }); 这是一个小小的演示 它会将textarea集中在复选框的更改事件上。 这就是问题，如何通过演示中的动画来解决这个问题？

不允许加载本地资源ios9 cordova app

Test App TestApp Sample app to download and launch hybrid app Test NSAllowsArbitraryLoads 这是获取应用的本地路径并在iframe中加载路径的代码段的一部分： var appLocalUrl = cordova.file.dataDirectory + AppId + “/index.html”; iframe[0].contentWindow.location.replace(appLocalUrl); 该应用程序已下载到本地路径，但是当我们尝试在iframe中启动此应用程序时出现错误消息： 不允许加载本地资源：{file：///var/mobile/Containers/Data/Application/B8BF6DE2-228D-46B9-A84D-D2122D152385/Library/NoCloud/970/index.html} 对此有何帮助？

iOS无法识别点击事件

我使用jQuery创建一个交互式地图。 如果单击地图左侧的6个位置中的任何一个，地图将平移到它们，并且标记会显示带有其名称的标签。 我知道我的代码非常混乱，但这仅用于演示目的。 到目前为止一切正常： http://smartpeopletalkfast.co.uk/gmap2/ 它们是一些额外的function。 单击地图本身中的标记时，标记应显示该名称，并且地图左侧的位置名称应变为粗体。 这是在Firefox和Chrome上发生的，但iPad和iPhone上没有任何反应。 我已经阅读了关于在iOS上使用jQuery的问题，但我已经尝试了没有运气的解决方法。 谢谢

iOS 6选择菜单vs iOS 7选择菜单

新iOS 7中的选择菜单（风车）会截断此照片中显示的项目。 反正有没有阻止默认发生的截断，所以选择项“换行”所以选择体验function更像iOS 6？ 我正在寻找CSS和/或jquery解决方案。 我无法找到有关此事的任何主题…… 在这方面的任何支持都会有所帮助 我还检查了苹果的网站（看他们是否做了不同的事情），他们的选择菜单遇到了同样的问题。 http://i.stack.imgur.com/2eBCy.jpg

jQueryhoverfunction超时

我正在使用下面的代码使用jQuery和hover函数在用户将鼠标hover在图像上时淡入’caption’元素。 这在桌面浏览器上非常有效，但是当使用移动触摸设备（如iPad）对其进行测试时，需要用户点击图像来触发hoverfunction，标题会按预期淡入，但在用户选择页面上的其他对象之前保持活动状态。 我想知道一种简单的方法来修改我的javascript代码以检测移动触摸设备，然后对标题进行一些排序或计时器，以便在一段时间后自动消失？ $(document).ready(function() { //On mouse over those thumbnail $(‘.item-caption’).hover(function() { //Display the caption $(this).find(‘.caption’).stop(false,true).fadeIn(200); }, function() { //Hide the caption $(this).find(‘.caption’).stop(false,true).fadeOut(600); }); }); TITLE Description 任何想法，想法都会受到最高的赞赏。 克里斯

iOS Safari滚动到顶部不适用于某些页面。 为什么？

免责声明：该网站已经更新，此问题不再出现在新版本的设计中。 在我建立的新网站上，我注意到Safari（iOS 5）中有一个奇怪的怪癖。 通常，您可以点击Safari顶部的黑条以滚动到任何网页的顶部。 在我的新网站上，这适用于主页，但不适用于单个文章页面。 尝试一下！ versbeton.nl （作品！）与versbeton.nl/2012/01/vers-vloeibaar/ （不起作用！） 我该如何调试这种情况？ 据我所知，iOS没有Firebug（或类似的调试工具）。

飞溅后的Cordova 3.4 iOS白屏

我一直在寻找关于这个问题的几个不同的post，没有解决我的问题。 在我的启动画面加载并显示约2秒后，会出现一个白色屏幕，显示约2秒钟，然后显示应用程序内容。 此问题仅存在于iOS上，并且仅当我使用iOS 6.1和7在3.5“上运行模拟器时才会出现此问题。 我有 所以我可以手动控制启动屏幕何时隐藏在deviceready事件中： function onDeviceReady() { setTimeout(function () {navigator.splashscreen.hide()},2000); //more stuff } 问题是，这并不能阻止防溅屏过早隐藏。 我看到完全相同的行为，除了加载微调器在2000年后消失。 那么……到底是怎么回事？

我可以在应用程序包中访问jquery和cordova的Documents目录中创build一个html文件吗？

我正在build立一个存储在HTML文件 [[PROJ UserDirectory] stringByAppendingPathComponent:@"tmp_Form_File.html"] 并在文件“tmp_FOrm_File.html”内部dynamic构build。 正文显示正确，但JS不会执行。 我正在试着做： NSString * cordova_path = [[NSBundle mainBundle] oathForResource:@"cordova-2.2.0" ofType:@"js" inDirectory:@"html"] NSString = [[@"<script type=\"text/javascript\" src=\"" stringByAppendingString:cordova_path] stringByAppendingString:@"\"></script>"]; 和jquery类似。 我的问题是，我不认为当我加载到一个webView的htmlfile它相应地获取数据。 我testing了琴弦，他们看起来很健康： <script type="text/javascript" src="/var/mobile/Applications/[DATA]/PROJ.app/html/cordova-2.2.0.js"></script><script type="text/javascript" src="/var/mobile/Applications/[DATA]/PROJ.app/html/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){ alert("test"); });</script> 1）我做错了吗？ 如果是的话，我该如何解决这个问题？ 2）通过ios将包中的html目录复制到Documents是否更好？ 如果是这样，怎么样？ 编辑：暂时删除jQuery的引用，jQuery和cordova。 只是使用纯JavaScript，并会正确提醒。 所以这意味着Bundle中的src有问题。

通过在触摸设备上拖放来启用滚动

重新安排列和点击现在在触摸设备上工作。 现在面临滚动的问题。 我试图用iScroll插件解决它，但它没有工作。 我从chrome浏览器的设备模式截图。 表列可以即时添加，因此列数可能会有所不同。 有没有任何css方式来正常工作滚动？ 如果不是我怎么用javascript或jquery实现它？ 更新： -webkit-overflow-scrolling：touch; 不pipe用。 更新2：尝试用下面的代码： if (Modernizr.touch) { $('.container-fluid').css('overflow', 'auto'); } 还有这个： if (Modernizr.touch) { //iScroll plugin var myScroll = new IScroll('#tblGrid', { scrollbars: true }); } 他们都没有工作。 更新3： 以下是启用拖动表格列和点击事件的代码： var clickms = 200; var lastTouchDown = -1; function touchHandler(event) { var touch = event.changedTouches[0]; var d = new […]