在線查看時網站無法正常工作

我剛剛爲客戶建立了一個網站，instantinteriors.com.au。（訪問此網站獲取源代碼。）在線查看時網站無法正常工作

由於某些原因，當我在Firefox中將網站作爲文件離線查看時，它看起來應該如此。上傳時，尺寸變得不同，例如字體和div大小。我的一些腳本也沒有運行。

該網站似乎在Safari和Chrome中正常工作，尚未在Windows上進行檢查。這種形式似乎也有問題，因爲我已經準備好了一切工作和測試，儘管一旦它進入主機服務器，客戶端使用它就會失敗。

我強調客戶端的服務器的原因是，當我在主機上測試它時，我使用它很好。

這裏是看似失敗很多腳本之一...

<script type="text/javascript"> 
    $.fn.hasOverflow = function() { 
    var $this = $(this); 
    var $children = $this.find('*'); 
    var len = $children.length; 

    if (len) { 
     var maxWidth = 0; 
     var maxHeight = 0 
     $children.map(function(){ 
     maxWidth = Math.max(maxWidth, $(this).outerWidth(true)); 
     maxHeight = Math.max(maxHeight, $(this).outerHeight(true)); 
    }); 

    return maxWidth > $this.width() || maxHeight > $this.height(); 
    } 

    return false; 
    }; 

    $(function() { 
    var $content = $('#wrap4').children().wrapAll('<div>'); 
    if($content.hasOverflow()){ 
     $("#arrows").css("display", "none"); 
    } else { 
    $("#arrows").css("display", "block"); 
    } 
}); 

</script>

來源

2012-02-08 Louis McSellout

還有一個問題，在safari中，當我檢查博客頁面，該博客頁面是來自顯示最新帖子的博客的提要時，它會加載一秒鐘，然後跳轉到僅顯示來自博客並且沒有網頁的提要。 – 2012-02-08 04:36:38

在這裏，你不會給我們太多的東西。此外，從不在Mac上編寫網站，而在Mac上託管網站。不起作用。在其他地方託管它，或者至少安裝Apache，而不是使用原始文件。（實際上，如果我上次使用XAMPP在Lion上編寫了一個網站，我就忘記了;如果XAMPP運行良好，請使用它。） – Zenexer 2012-02-08 04:38:09

@Zenexer - 您在Mac上開發網站的原因究竟是什麼？根據我自己的經驗，我發現它們實際上比在Windows機器上編碼和設計更有效。（另外，路易斯，Chrome瀏覽器沒有滾動頁面，所以還有一些問題需要注意。） – Matt 2012-02-08 04:38:12

是您的邏輯是否正確？當您的maxWidth或maxHeight大於您當前的寬度和高度時，您的hasOverflow函數返回true。如果你有溢出不應該測試，如果當前值大於最大值？

您應該切換使用hasOverflow結果的方式，以便在溢出時顯示箭頭。您可以使用show()和hide()作爲簡寫。

if($content.hasOverflow()) { 
    $("#arrows").show(); 
} else { 
    $("#arrows").hide(); 
}

這是在文檔準備好時調用嗎？源格式很難說清楚。

來源

2012-02-08 05:17:11

這沒有奏效。改變了邏輯等，它使它在較少的瀏覽器上工作。 – 2012-02-08 05:57:07

好的，改變了一些額外的東西，包括你的建議，似乎現在工作得很好。不確定問題到底是什麼，可能是造型。 – 2012-02-08 06:47:26

在線查看時網站無法正常工作

回答

相關問題