下拉问题 - IOS 7 上基于移动浏览器的应用程序

Posted

技术标签:

【中文标题】下拉问题 - IOS 7 上基于移动浏览器的应用程序【英文标题】:Drop Down issue - Mobile browser based app on IOS 7 【发布时间】:2013-09-21 00:19:35 【问题描述】:

我有一个基于浏览器的移动应用程序,它可以在除 ios 7 之外的所有浏览器和设备上正常运行。

在模拟器上的 IOS 7 和具有 IOS 7 的 Iphone 中,我看到的是下拉第一个值没有被选中,当我选择第二个项目然后转到第一个项目时它可以工作,但是当我直接选择第一个项目时该列表不起作用。

我之前清除了所有选中的属性,代码如下:

$("select").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");
$("select").val([]);

然后在更改功能上我这样做:

   $('select').live('change',function() 
        $(this).parent().children('div').html($(this).find('option:selected').text());
        $(this).parent().children('div').removeClass('place_holder_color');
    );

这在除 IOS 7 之外的所有浏览器和设备上都可以正常工作

任何帮助将不胜感激。

【问题讨论】:

你们认为这可能是 jquery 版本问题,因为我使用的是旧 jquery 1.6.4。请告诉我。 【参考方案1】:

iOS7 升级导致所有下拉选项失败。开发人员需要返回并查看所有实例 --- 注册屏幕、功能选择,并找到一种更简单的重新设计方法,不会因为 Apple 想要新的外观而导致不断的重写。强迫开发人员做额外的工作,对任何人都没有好处。

【讨论】:

嗨米奇,感谢您的回答。你在这里提到过有什么文章说明这一点吗?请告诉我。

以上是关于下拉问题 - IOS 7 上基于移动浏览器的应用程序的主要内容,如果未能解决你的问题,请参考以下文章

第139期移动web前端开发之常见bug解决

Cordova/jQuery - 识别您的应用程序是在 Web/移动浏览器还是移动应用程序 (Android/iOS) 上运行

Bootstrap v2 下拉导航在移动浏览器上不起作用

Angular.js 移动浏览器应用程序在 iOS 8 Safari 上冻结

iOS分享到微信教程

iOS 下拉刷新和上拉加载更多效果原理