-2

我有一个网站，我试图让我的 javascript 函数不在 Mac 上创建一个空白区域，每次刷新都会增加空白区域。

首先，我在 svg 中创建了我想要的东西，然后我用 javascript 触发/控制它。然后我有一个javascript函数来检测它是否不是windows。我可以清除空白，在 mac 和 windows 上都有它，并且仍然可以工作吗？

我没有发布导致空白的代码，因为我不知道是什么导致了它。

这是检测代码：

(function() {
if (navigator.userAgent.match(/webOS X/i)
        || navigator.userAgent.match(/iPhone/i)
        || navigator.userAgent.match(/iPad/i)
        || navigator.userAgent.match(/iPod/i)
        ) {
    isApple = true;
    if (confirm("Because this is a Apple device, It is not reccommended for you to view this site on this device. You will now be transferred to Google.com. I am working on a fix. Thank you for your patience.")){
    window.location = "https://www.google.com";
    }else{
    alert("It is NOT recommended that you view this site at this time. I am working on a fix. Please leave this site now.")}
};
    }
)();

只要 isApple 为真，我还想取消淡入淡出功能。这是淡化代码：

$(document).ready(function fade(){
  window.onload = (function(){
$("#circ1").fadeIn();
$("#circ2").fadeIn("slow");
$("#circ3").fadeIn(800);
$("#circ4").fadeIn(900);
$("#circ5").fadeIn(1000);
$("#circ6").fadeIn(1100);
$("#circ7").fadeIn(1200);
$("#circ8").fadeIn(1250);
$("#circ9").fadeIn(1300);
$("#circ10").fadeIn(1350);
$("#circ11").fadeIn(1400);
$("#circ12").fadeIn(1450);
$("#circ13").fadeIn(1500);
$("#circ14").fadeIn(1550);
$("#circ15").fadeIn(1600);

$("#circ1").fadeOut();
$("#circ2").fadeOut("slow");
$("#circ3").fadeOut(800);
$("#circ4").fadeOut(900);
$("#circ5").fadeOut(1000);
$("#circ6").fadeOut(1100);
$("#circ7").fadeOut(1200);
$("#circ8").fadeOut(1250);
$("#circ9").fadeOut(1300);
$("#circ10").fadeOut(1350);
$("#circ11").fadeOut(1400);
$("#circ12").fadeOut(1450);
$("#circ13").fadeOut(1500);
$("#circ14").fadeOut(1550);
$("#circ15").fadeOut(1600);
  });
});

任何帮助表示赞赏。

4

1 回答 1

0

您需要匹配实际上在最大用户代理字符串中的内容（您可以通过在 navigator.userAgent 上执行 console.log 来查看您的内容。使用“Mac OS X”或“Macintosh”。示例用户字符串Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.65 Safari/537.36

$(document).ready(function(){

    (function() 
    {
        if (navigator.userAgent.match(/Mac OS X/i)
            || navigator.userAgent.match(/iPhone/i)
            || navigator.userAgent.match(/iPad/i)
            || navigator.userAgent.match(/iPod/i)
            ) 
      {
        isApple = true;
        if (confirm("Because this is a Apple device, It is not reccommended for you to view this site on this device. You will now be transferred to Google.com. I am working on a fix. Thank you for your patience.")){
          window.location = "https://www.google.com";
          }else{
          alert("It is NOT recommended that you view this site at this time. I am working on a fix. Please leave this site now.")}
      }else{
       loadFade();
      } 
    })();

    function loadFade(){
        $("#circ1").fadeIn();
        $("#circ2").fadeIn("slow");
        $("#circ3").fadeIn(800);
        $("#circ4").fadeIn(900);
        $("#circ5").fadeIn(1000);
        $("#circ6").fadeIn(1100);
        $("#circ7").fadeIn(1200);
        $("#circ8").fadeIn(1250);
        $("#circ9").fadeIn(1300);
        $("#circ10").fadeIn(1350);
        $("#circ11").fadeIn(1400);
        $("#circ12").fadeIn(1450);
        $("#circ13").fadeIn(1500);
        $("#circ14").fadeIn(1550);
        $("#circ15").fadeIn(1600);

        $("#circ1").fadeOut();
        $("#circ2").fadeOut("slow");
        $("#circ3").fadeOut(800);
        $("#circ4").fadeOut(900);
        $("#circ5").fadeOut(1000);
        $("#circ6").fadeOut(1100);
        $("#circ7").fadeOut(1200);
        $("#circ8").fadeOut(1250);
        $("#circ9").fadeOut(1300);
        $("#circ10").fadeOut(1350);
        $("#circ11").fadeOut(1400);
        $("#circ12").fadeOut(1450);
        $("#circ13").fadeOut(1500);
        $("#circ14").fadeOut(1550);
        $("#circ15").fadeOut(1600);

    };
});

对于空白，它取决于填充屏幕的 svg。如果您想将其保留在左侧并保持内容不存在，只需添加：

<style type="text/css">
svg { position: absolute;}
</style>

例如，在页面的标题部分，或者您可以在元素的 CSS 中或直接在 svg 标签中为其分配宽度和高度，<svg width="400" height="200" >并且所有内容都将在其下正确对齐。

于 2013-10-22T20:39:17.370 回答