JQuery 无法在移动设备（iPhone）上打开 Bootstrap 模式答案

【问题标题】：JQuery does not open Bootstrap modal on mobile(iPhone)JQuery 无法在移动设备（iPhone）上打开 Bootstrap 模式
【发布时间】：2019-05-29 22:38:03
【问题描述】：

我有一个 Javascript/JQuery 函数，它应该在 AJAX 请求后打开一个引导模式。

这适用于使用 Chrome 的 PC，但不幸的是它不适用于 iPhone(Chrome/Safari)

按钮：

<button type="button" id="GetEmployees" class="btn btn-primary" onclick="GetEmployees()">
    <span class="glyphicon glyphicon-user">&nbsp;</span>Toevoegen
</button>

功能：

function GetEmployees() {
    $.ajax({
        type: 'post',
        url: appPath + '/TimeRegistration/GetEmployees',
        data: {  },
        success: function (response) {
            if (response != null) {
                alert("Load");
                $("#dialog-project .modal-body").html(response);
                $("#dialog-project").modal("show");
                alert("open");
            }
        },
        error: function (response) {
            alert("Onbekende fout opgetreden")
        }
    });
}

这是对话框本身：

<div id="dialog-project" class="modal fade" tabindex="-1" role="dialog" style="color: #333333;">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 id="dialog-title" class="modal-title">Aanmaken nieuwe tijdregel</h4>
            </div>
            <div class="modal-body">
            </div>
        </div>
    </div>
</div>

由于某种原因，我在 iPhone 上收到“加载”警报，但模式没有显示，最后一个警报也没有显示。

edit2：为了让按钮首先执行 JS，我必须添加：

$(document).ready(function () {
    var touchEvent = 'onclick' in window ? 'click' : 'touchstart';
    $('#GetEmployees').on('click touchstart', function () {
        GetEmployees();
    })
})

【问题讨论】：

它可以在firefox或PC上运行吗？
@SylvainAttoumani 是的，它也适用于 Firefox 和 pc ;)
带有光标的东西：指针；似乎没有正确集成，引导程序应该添加光标：指向按钮的指针，不是吗？
您使用的是哪个版本的引导程序？
@NarendraJadhav Bootstrap v3，我认为不是。我无法想象这是正确执行 JS 函数的问题，直到我们调用模态。

标签： javascript jquery ios

【解决方案1】：

我也面临同样的问题。我通过以下代码修复。

$( "#code" ).on('shown', function(){
    $('body').css('position','fixed');
});

在IOS浏览器位置有问题，它处于固定位置。

【讨论】：

【解决方案2】：

这是由于 ios 设备上的 css 问题。

只需使用光标：指针；在 CSS 中。您可以在其中添加课程。就像：-

.iosmodal{
    cursor: pointer;
}

【讨论】：