shown.bs.modal，show.bs.modal，hidden.bs.modal不会在移动设备上触发

Question

我陷入了一个前所未有的奇怪问题。我正在做的是我正在处理bootstrap show.bs.modal/shown.bs.modal和hidden.bs.modal事件，以便在打开和关闭模式时我可以调整我的CSS。在桌面上它运行得很好，但是当我尝试在移动设备上打开网站时，它无法在移动设备上处理这些网站。

这是我的代码：MyWebsite

$('.bs-example-modal-lg').bind('hidden.bs.modal', function () {
    $("html").css("overflow", "visible");
});
$('.bs-example-modal-lg').bind('shown.bs.modal', function () {
    $("html").css("overflow", "hidden");
});

这里是fiddle。更好地观察结果here。