Ios7 iOS不工作时的模态形式和响应

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

对于上下文,我使用jquery2.1和bootstrap3.2

我有一个显示搜索表单和go search按钮的模式。在搜索表单下方,保留了一个div,用于以相同模式显示查询结果。结果通过javascript注入到div中。然后,允许用户选择一个结果并将其选择提交到第二个提交事件

因此,主机页呈现的模式html为:

<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上变灰了。