弹出窗口在 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);