從響應調整到非響應

當我響應導航不躲我是一個完整的網頁設計初學者和我有一個問題：從響應調整到非響應

蔭目前正在該網站上：http://www.all4immo.de/

當我從正常模式轉到響應模式並打開並關閉該菜單並再次返回到正常模式，菜單打印在頁面頂部。意思是：響應菜單是可見的，沒有所有的CSS。我想要的是響應式導航完全消失。這是我的點擊功能jQuerycode：

jQuery(document).ready(function() { 
    jQuery("#btn").click(function() { 
     jQuery("#navi2").slideToggle(); 
    }); 
    jQuery("#stln").click(function() { 
     jQuery("#pmenue3").slideToggle(); 
    }); 
});

和鏈接到導航CSS引擎收錄（pastebin.com/rhYzgQKc#）我已經通過了很多地方擡頭，但無法找到一個解決問題的辦法。

編輯：我重新編寫我的問題，以更好地理解它，添加pastebinlink。 :)

來源

2015-11-18 it_noob

的jQuery("#navi2").slideToggle();當它應該是顯示他添加一個內聯樣式（style屬性）display:block;所以，你需要添加一個媒體查詢這樣的菜單：

@media screen and (min-width: 1001px){ 
    #navi2 { 
     display:none !important; 
    } 
}

或者你可以使用JavaScript和檢測resize事件並手動隱藏菜單。

個人而言，我更喜歡第一個，因爲css解決方案總是比代碼解決方案更好。

來源

2015-11-18 10:27:37

非常感謝！這工作得很好。啊......自從上星期以來一直認爲這是哈哈。哦，男人..有沒有辦法給你榮譽？一旦它得到回答，我應該關閉這個帖子嗎？抱歉，第一次在這裏問一些事情 –

我很高興聽到。沒有任何需要的榮譽;）這就是StackOverflow社區所做的。歡迎來到StackOverflow！ –

你可以在CSS中使用@media查詢來實現這一點。

CSS Tricks - CSS Media Queries

來源

2015-11-18 09:47:40

我正在使用媒體查詢。這是CSS的一部分。 http://pastebin.com/rhYzgQKc#我注意到，當我從display：none更改＃navi2到display：block時，它有點固定。當我重新加載站點時導航會自動打開，我這樣說是有道理的。它應該被默認使用。 –

看來這個人有類似的問題給你。 https://css-tricks.com/forums/topic/issue-with-jquery-slidetoggle-display-none/。原因是因爲jQuery的slideToggle（）將內聯CSS添加到元素，並因此覆蓋您的CSS。 –

我在Chrome控制檯注意到，有沒有被正確調用JavaScript和也有一些其他的css文件。

錯誤：

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.all4immo.de/fileadmin/templates/js/javascript_52.js

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.all4immo.de/fileadmin/templates/css/style_52.css

無法加載資源：服務器與404狀態響應（未找到）

也許這就是爲什麼網站意外地工作。此外，爲了給你一個具體的答案，並找出問題，你應該顯示更多的代碼。

我發現在你的網站中的另一個bug：

當您從常規模式來響應模式和開放去關閉菜單，然後再次返回到正常模式，菜單將打印在頁面agian頂部。你可能想解決這個問題。

來源

2015-11-18 10:24:11

這正是我所要求的，因爲這是我的確切問題。:) –

確保應用程序可以正確訪問這些資源，然後查看問題是否仍然存在。 –

從響應調整到非響應

回答

相關問題