Ios7 iOS不工作时的模态形式和响应
对于上下文,我使用jquery2.1和bootstrap3.2 我有一个显示搜索表单和go search按钮的模式。在搜索表单下方,保留了一个div,用于以相同模式显示查询结果。结果通过javascript注入到div中。然后,允许用户选择一个结果并将其选择提交到第二个提交事件 因此,主机页呈现的模式html为:Ios7 iOS不工作时的模态形式和响应,ios7,ios8,jquery-forms-plugin,Ios7,Ios8,Jquery Forms Plugin,对于上下文,我使用jquery2.1和bootstrap3.2 我有一个显示搜索表单和go search按钮的模式。在搜索表单下方,保留了一个div,用于以相同模式显示查询结果。结果通过javascript注入到div中。然后,允许用户选择一个结果并将其选择提交到第二个提交事件 因此,主机页呈现的模式html为: <form id="'.$formid.'" method="post" action="/control/mm_form_handler.php"> <div
<form id="'.$formid.'" method="post" action="/control/mm_form_handler.php">
<div class="form-container text-center">
<div class="form-row " >
<input name="f_name" type="text" required/>
<input name="l_name" type="text" required/>
</div>
<div>
<input type="submit" class="btn search-btn btn-xs" value="Go Search" />
</div>
</div>
</form>
<div id="search_results"></div>
模式搜索表单通过javascript使用Malsup的jQuery_表单插件提交,如下所示:
$( document ).on('click','.search-btn',function(e) {
e.preventDefault();
var formID = $(this).closest("form").attr('id');
$('#search_results').html('');
$('#search_results').prepend('<div class="waiting"></div><p>Please be patient. This could take a little time...</p>');
var options = {
data: {'formID':formID},
success: function (data) {
$('#search_results').html(data);
},
error: function() {
alert('post failed');
}
};
$('#'+formID).ajaxSubmit(options);
});
处理程序是一个php脚本,它从数据库中获取可能的匹配项,并使用单选按钮将它们格式化为块,以便用户可以选择接近匹配项。构建的html字符串在末尾是echo,并显示在see javascript的search_results div中
我认为这是唯一相关的,因为它在PC/Mac上运行良好,返回的是一个html字符串和内容
因此,这种设置在带有Chrome、Safari或Firefox的PC/Mac上运行得非常好
问题在于iOS、Chrome和Safari
在iOS 7.1.2 iphone 4S上,当提交搜索表单时。search_btn,屏幕会出错-屏幕的上半部分是原始页面顶部灰色背景上的模式搜索表单,下半部分是模式下半部分顶部显示的模式启动页面中的内容。通过向下滑动下半部分,显示完整模式。第二次按下搜索按钮,然后检索并在模式中完美显示结果,就像PC/Mac体验一样
在iOS 8.0.2 iphone 6上-是的,我今天冒险了,页面仍然是灰色的,但是模式完全消失了,没有搜索表单,没有返回内容,等等,浏览器锁定
我尝试过删除插入到搜索结果中的带前缀的内容,但无论是否包含该内容,都会得到完全相同的结果
我需要做些什么才能让iOS浏览器像桌面浏览器那样工作?目前没有Bootstrap v3.3这样的东西。您发布的代码没有任何Bootstrap模式标记…感谢您捕获到Bootstrap版本错误。固定的您是对的,发布的代码中没有任何引导。显示的是其他标准引导模式中标记之间的代码。因为引导不太可能是这里的问题,所以我删除了这篇文章的SO标记。更新:我找到了这篇文章:并从模式代码中删除了所有按钮引用。在iOS 7.1.2上,如果您在按下go Search按钮之前关闭键盘,则模式表单提交将按预期工作。仍然不工作,只是在iOS 8上变灰了。