文章/答案/技术大牛

发布

问Slicknav的移动菜单问题
EN

Stack Overflow用户

提问于 2017-07-15 08:29:15

回答 2查看 905关注 0票数 0

大家好。我希望你能帮我解决一个问题。我正在一所名为UNISA的大学学习SLP课程，目前我正在学习的是如何使用名为Slicknav的插件制作移动菜单。然而，我很难让它开始工作。我的网页并没有做任何事情，无论何时，我做的网站要求，以使插件工作。

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Experimentation</title>
<link rel="stylesheet" href="Experimentation.css">
<link rel="stylesheet" href="slicknav.css"/>
<script src="jquery.slicknav.min.js">
    $(function(){
        $('#menu').slicknav();
    });
    </script>
<script>
    $(function(){
    $('#menu').slicknav();
});
</script>
</script>

</head>

<body>

<header>
    <img src="youtube-square-logo-3F9D037665-seeklogo.com.png" height="60px" width="80px" alt="youtube_logo" id="rightimg">
    <img src="youtube-square-logo-3F9D037665-seeklogo.com.png" height="60px" width="80px" alt="youtube_logo" id="leftimg">
    <h2>Youtubers</h2>
    <h3>Wiki</h3>
</header>





<nav id="nav_bar">

    <ul>

        <li><a href="">Home</a></li>
        <li><a href="#">PewdiePie</a></li>
        <li><a href="#">Markiplier</a></li>
        <li><a href="#">Jacksepticeye</a></li>
        <li><a href="#">More Youtubers</a></li>
    </ul>

</nav>






<aside id="youtubers">
    <h3>Most famous <br>Youtubers</h3><br>

    <h4>Pewdiepie</h4>
  <img src="http://images.techtimes.com/data/images/full/214602/pewdiepieemmys.jpg" height="100px"/>
    <br><hr><br>
    <h4>Markiplier</h4>
    <img src="https://s-media-cache-ak0.pinimg.com/736x/80/3d/56/803d568c2917e8a400c13325f146127d--the-guys-youtuber.jpg" height="150px"/>

    <br><hr><br>
    <h4>Jacksepticeye</h4>
  <img src="https://s-media-cache-ak0.pinimg.com/236x/98/35/88/98358846e093741f47afa06144d006f3--your-teacher-middle-fingers.jpg" height="100px" style="padding-bottom:2em;"/>



</aside>

<main>
    <h2>The job of youtubers</h2>

    <p>Since the start of Youtube, jobs known as content creatoris have risen to the surface, due to the existance of Youtube. By having ads played on the videos they upload, they are able to earn money simply by uploading videos. Many peopple have become famous because of this.</p> 
    <p>Some of the most well known of these are people like Pewdiepie, Markiplier and Jacksepticeye. They record "Lets Plays" where they record themselves playing and reacting to a gems many twists and turns</p>

    <p>This has also earned a lot of controversey due to the fact that people cannot understand why people would watch a person play a game instead of playing it for themselves. There are many reasons for this. Often, people would rather play the games themselves, but various circumstances may prevent them from doing so. Lack of time, lack of cash. Another possibility is that it is even a game they would not enjoy playing, but simply seeing another person react to it can bring enjoyment to these people</p>


</main>

<aside id="importlinks">
    <h2>Youtuber links</h2>
    <ul>
        <li>Youtube</li>
        <li>Pewdiepie Channel</li>
        <li>Jacksepticeye Channel</li>
        <li>Markiplier Channel</li>
    </ul>





</aside>



<footer>

    <p>All rights co to their respective owners</p>

    <ul id="menu">

        <li><a href="#">Home</a></li>
        <li><a href="#">PewdiePie</a></li>
        <li><a href="#">Markiplier</a></li>
        <li><a href="#">Jacksepticeye</a></li>
        <li><a href="#">More Youtubers</a></li>
    </ul>
</footer>

</body>
</html>

这个网站只是我创建的一个用来测试我学到的一切的网站，所以随便看看文档中说的话吧。我希望你能在这件事上帮我，因为它正把我逼得焦头烂额！

jquery

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-07-15 08:53:00

Jquery问题：

似乎您缺少了对JQuery的引用。

<script src="https://code.jquery.com/jquery-3.2.1.min.js" Integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

一些建议：

我建议将您的脚本(按正确的顺序)放在< body >标记的底部：

<script src="https://code.jquery.com/jquery-3.2.1.min.js" Integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

<script src="jquery.slicknav.min.js" />
<script>
    $(function(){
        $('#menu').slicknav();
    });
</script>

记住，如果slicknav依赖Jquery，则需要将它包含在页面中。

祝你好运，伙计。

PS:也在UNISA。

票数 0

Stack Overflow用户

发布于 2017-07-15 09:36:44

您缺少jquery文件。在SlickNav js文件之前包含它。一切都会开始运作的。此外，您还可以使用SlickNav css进行样式设计。

文件。

日安！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45116156

复制

相似问题

问Slicknav的移动菜单问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Slicknav的移动菜单问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Slicknav的移动菜单问题
EN