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

Posted 2023-03-12

【中文标题】弹出窗口在 iPad Safari 浏览器中无法正常运行

【英文标题】：Pop Up not function correctly in iPad safari browser

【发布时间】：2015-01-21 16:19:17

【问题描述】：

我有一个代码段，一旦单击按钮就会打开一个弹出窗口。这是使用 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;

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

【参考方案1】：

尝试使用fadeTo() 代替fadeIn()。

例如，

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