javascript - 弹出窗口在 iPad safari 浏览器中无法正常工作

Question

我有一个代码段，它会在单击按钮后打开一个弹出窗口。这是使用 JavaScript 和 jQuery 完成的。但不幸的是，弹出窗口不会在 Ipad 中加载。该弹出窗口会在 iPad 的早期版本中加载。但在最新版本 (8.1) 中，弹出窗口加载了空白内容。

    $("[id$='ViewButton']").click(function(){    
    loadPopup();
});


function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
    $("#backgroundPopup1").css({
        "opacity": "0.5"
    });
    $("#backgroundPopup1").fadeIn("slow");
    $("#popupContacts").fadeIn("slow");
    popupStatus = 1;
}
}

请与我分享这方面的任何先前经验，因为我是这方面的新手。

弹出窗口在 iPad safari 浏览器中无法正常运行

Answer 1

尝试使用 fadeTo() 而不是 fadeIn()。

例如，

$("#backgroundPopup1").fadeTo("slow", 0.5); // '0.5' refers to opacity level.
$("#popupContacts").fadeTo("slow", 1);