2015-04-22 48 views
0

我有這個jquery代碼的導航菜單。我是否需要爲響應菜單使用JQuery插件?

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery(".menu-trigger").click(function() { 
     jQuery(".menu").slideToggle(100, function() { 
      jQuery(this).toggleClass("menu-expanded").css("display", ""); 
     }); 
    }); 
}); 
</script> 

我也有這段代碼。這個插件代碼是必需的還是有其他選擇?

<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 
+1

許多響應式菜單都可以使用純CSS完成。 – Barmar

+1

這個插件就是javascript。沒有什麼能阻止你在自己的代碼中實現它,除非你的編程天賦和時間可用。 – Barmar

+0

你想要一個響應式菜單的jQuery插件嗎? – adeneo

回答

0

假設我正確地理解你的問題:

你不「需要」 jQuery的,它不能做任何事情,純JS做不到的。如果你想構建一個響應式菜單,那麼,如果你想爲它使用一個庫,就這樣做。您可以使用JS或純CSS來完成,具體取決於您想要的設計。如果你走這條路線,jQuery可以更容易地使用JS來做到這一點。

如果你自己做,你會學到更多,更多的控制和更容易的定製,而對於像這樣的大多數小組件,我會這樣。

0

JQuery可以被認爲是一種爲各種JavaScript功能創建速記的庫。您可以在JavaScript中執行任何可以在JQuery中執行的操作。所以不,這不是必要的,但它確實使事情變得更容易。如果你正在尋找其他面向響應的運動庫而沒有JQuery的開銷,我會建議velocityjs:http://julian.com/research/velocity/

雖然我必須警告你,但語法大多是相同的一些調整。由於格式的原因,如果您正在從JQuery轉移,我會建議採用不同的路徑。

您也可以在CSS中創建響應式菜單,但這需要與JavaScript不同的參考框架。這裏有一個關於這個主題的教程,以幫助您開始:http://cssmenumaker.com/blog/creating-a-responsive-menu