ios - 只有从选择菜单中选择选项后，Bootstrap 3 模态才会在 iPad Safari 上消失

Question

我在 Web 应用程序中有一个注册功能，它会 Bootstrap 用户通过四步流程向网站添加信息。当用户单击“添加”按钮时，会出现一个 Bootstrap 模式，用户从第 1 步开始。

每个步骤都有一个选项菜单供用户选择，每个步骤中填充的数据取决于前面步骤的选择。用户可以将一个步骤留空并继续，但是他们没有选择余下的过程。此功能在除 iPad 上的 Safari 之外的所有桌面和移动浏览器中均按预期运行。

在 Safari 中，用户将打开模式，在第 1 步中选择数据，然后转到第 2 步。如果用户未在此下拉列表中选择任何内容，他们可以继续第 3 步。但是，如果他们做出选择在第 2 步中，模态消失，用户无法继续。这只发生在 iPad/iPhone 的 Safari 中。

我已尝试在 iPad 上设置网络检查器并在 Mac 上加载控制台，但控制台中没有错误或其他使用消息。我想弄清楚这是否是 Safari 中的一个错误，或者 Safari 是否以不同于其他浏览器的方式处理来自选择标签的模式输入。

Answer 1

让开发者 friend 看一看。他添加了这个功能:

jQuery.usingSafari = function(allowDevices){
allowDevices = allowDevices != undefined ?  allowDevices : true;
if(!allowDevices){
    return /iPhone|iPad|iPod|Safari/i.test(navigator.userAgent)  
        && navigator.userAgent.indexOf('Chrome') == -1 
        && navigator.userAgent.indexOf('iPhone') == -1
        && navigator.userAgent.indexOf('iPad') == -1 
        && navigator.userAgent.indexOf('iPod') == -1;
} else{
    var results =  /iPhone|iPad|iPod|Safari/i.test(navigator.userAgent) &&    navigator.userAgent.indexOf('Chrome') == -1;
    return results;
}

//Disable backdrop
if(jQuery.usingSafari(false)) {
document.write('<style>div.modal-backdrop{ display:none; }</style>');

然后模态调用:

    jQuery('#player-lightbox').modal({
            backdrop: jQuery.usingSafari(true) ? "static" : true,
            show:true}
        );

这似乎解决了问题。希望这对其他人有帮助!