2015-02-24 67 views
1

我試圖隱藏ID「隱藏主頁」,它的整體工作,除了我的第二個條件,我想隱藏它在所述的URL(http://wgzrv.ndxva.servertrust.com/login.asp)。我錯過了什麼嗎?Javascript條件 - 不隱藏ID

<script type="text/javascript">  
    $(window).resize(function(){ 
     function showMyDiv() { 
     if (window.location.href == "http://wgzrv.ndxva.servertrust.com") && (document.documentElement.clientWidth > 992) { 
     document.getElementById("hide-homepage").style.display="none"; 
     } else if (window.location.href == "http://wgzrv.ndxva.servertrust.com/login.asp") { 
     document.getElementById("hide-homepage").style.display="none"; 
     } else if (document.documentElement.clientWidth < 992) { 
     document.getElementById("hide-homepage").style.display="none"; 
     } else { 
     document.getElementById("hide-homepage").style.display="block"; 
      } 
     } 
    }); 
    </script> 
+0

它可能永遠不會達到你的第二個條件......你在那裏設置了一個斷點嗎? – gitsitgo 2015-02-24 19:37:05

+0

我唯一的CSS規則是: #hide-homepage {display:none;} 我試圖單獨使用CSS來做,但有時候我想讓div在屏幕寬度大於992px時顯示和隱藏,取決於內容。我對JS很新,所以我知道可能有更好的方法。 – 2015-02-24 19:44:46

+0

我還將「showMyDiv未定義」視爲FF中的錯誤。我認爲函數聲明不需要定義。 – 2015-02-24 20:19:48

回答

1
if (window.location.href == "http://wgzrv.ndxva.servertrust.com") && (document.documentElement.clientWidth > 992) { 

應該

if (window.location.href == "http://wgzrv.ndxva.servertrust.com" && document.documentElement.clientWidth > 992) { 
+0

謝謝。我會投你一票,但我的代表還不夠高。 – 2015-02-24 19:48:54

+0

如果它解決了您的問題,請將其標記爲正確的答案。 – void 2015-02-24 19:49:43

+0

它實際上不影響腳本,但它確實使FF腳本錯誤消失。 – 2015-02-24 20:18:42

1

嘗試,而不是使用的indexOf()==

<script type="text/javascript">  
$(window).resize(function(){ 
    function showMyDiv() { 
    if (window.location.href == "http://wgzrv.ndxva.servertrust.com") && (document.documentElement.clientWidth > 992) { 
    document.getElementById("hide-homepage").style.display="none"; 
    } else if (window.location.href.indexOf("http://wgzrv.ndxva.servertrust.com/login.asp") > -1) { 
    document.getElementById("hide-homepage").style.display="none"; 
    } else if (document.documentElement.clientWidth < 992) { 
    document.getElementById("hide-homepage").style.display="none"; 
    } else { 
    document.getElementById("hide-homepage").style.display="block"; 
     } 
    } 
}); 
</script> 

編輯(我刪除了內部函數,沒有看到它的第一時間):

<script type="text/javascript">  
$(window).resize(function(){ 
    if (window.location.href == "http://wgzrv.ndxva.servertrust.com") && (document.documentElement.clientWidth > 992) { 
    document.getElementById("hide-homepage").style.display="none"; 
    } else if (window.location.href.indexOf("http://wgzrv.ndxva.servertrust.com/login.asp") > -1) { 
    document.getElementById("hide-homepage").style.display="none"; 
    } else if (document.documentElement.clientWidth < 992) { 
    document.getElementById("hide-homepage").style.display="none"; 
    } else { 
    document.getElementById("hide-homepage").style.display="block"; 
     } 
}); 
</script> 
+0

感謝您的迴應,但這並沒有掩蓋它。 – 2015-02-24 20:18:06

+0

嘗試編輯後的版本。基本上你可以在resize()事件上定義一個函數,但不要真正調用它。 – Vadim 2015-02-24 20:31:36