Question

我有一个导航菜单的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>

Answer 1

您只需使用CSS即可实现相同的菜单。不需要jQuery / javascript。示例教程：http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/

Answer 2

假设我正确理解你的问题：

你不需要“jQuery”，它无法做任何纯粹JS无法做到的事情。如果要构建响应式菜单，请执行此操作，如果要使用库，请执行此操作。您可以使用JS或纯CSS执行此操作，具体取决于您想要的设计。如果你走这条路，jQuery当然可以让你更容易用JS做到这一点。

如果你自己动手，你会学到更多，掌握更多，更容易定制它，对于像这样的大多数小组件，我会这样做。

Answer 3

JQuery可以被认为是一个为各种JavaScript功能创建速记的库。您可以在JavaScript中执行任何可以在JQuery中执行的操作。所以不，这没有必要，但确实让事情变得容易多了。如果您正在寻找其他面向响应的运动库而没有JQuery的开销，我建议使用velocityjs：http://julian.com/research/velocity/

虽然我必须警告你，但语法与一些调整大致相同。如果你因为格式而离开JQuery，我建议采用不同的路径。

你也可以在CSS中创建响应式菜单，虽然这需要一个不同于JavaScript的引用框架。以下是有关此主题的教程：http://cssmenumaker.com/blog/creating-a-responsive-menu

我是否需要使用JQuery插件来获取响应式菜单？

3 个答案: