JQuery无法在移动设备上打开Bootstrap模式(iPhone)

Question

我有一个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();
    })
})

Answer 1

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

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

在 IOS 浏览器中，位置有问题，它采用固定位置。