Javascript 初始化Zurb麦哲伦6时出错

Javascript 初始化Zurb麦哲伦6时出错,javascript,zurb-foundation,magellan,Javascript,Zurb Foundation,Magellan,无法理解有关如何初始化麦哲伦菜单的文档() 错误: 未捕获类型错误:此.$element.data不是函数 麦哲伦@基金会:JS:4192 (匿名函数)@test2.php:174 代码: <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,

无法理解有关如何初始化麦哲伦菜单的文档()

错误:

未捕获类型错误:此.$element.data不是函数
麦哲伦@基金会:JS:4192
(匿名函数)@test2.php:174

代码

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<link rel='stylesheet' href='css/foundation.css'/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/foundation.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
    <div class="row">
        <div class="large-8 columns">
            <div class="sections">
                <section id="first" data-magellan-target="first">
                    <div class="row">
                        <div class="large-12 columns">
                            <p>
                                lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem 
                                <br><br><br>
                                ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
                                <br><br><br><br><br><br><br><br><br>
                            </p>
                        </div>
                    </div>
                </section>
                <section id="second" data-magellan-target="second">
                    <div class="row">
                        <div class="large-12 columns">
                            <p>
                                lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem 
                                <br><br><br>
                                ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
                                <br><br><br><br><br><br><br><br><br>
                            </p>
                        </div>
                    </div>
                </section>
                <section id="third" data-magellan-target="third">
                    <div class="row">
                        <div class="large-12 columns">
                            <p>
                                lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem 
                                <br><br><br>
                                ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
                                <br><br><br><br><br><br><br><br><br>
                            </p>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <div class="large-4 columns">
            <ul id="nav" class="vertical menu" data-magellan>
                <li><a href="#first">First Arrival</a></li>
                <li><a href="#second">Second Arrival</a></li>
                <li><a href="#third">Third Arrival</a></li>
            </ul>
        </div>
    </div>
</body>
<script>
$(document).foundation();
    var target = document.getElementById('nav');
    var elem = new Foundation.Magellan(target);
</script>
</html>

测试

益智益智益智益智益智益智益智益智益智益智益智益智益智益智



益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识








益智益智益智益智益智益智益智益智益智益智益智益智益智益智


益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识








益智益智益智益智益智益智益智益智益智益智益智益智益智益智


益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识








$(document.foundation(); var target=document.getElementById('nav'); VeleEEM =新基金会;麦哲伦(目标);
请看这个。它在做你想做的事吗?@Yass我不认为很不幸。我正在尝试复制OP中提供的链接上的右侧菜单,该菜单会随着用户向下滚动而更新。显示设置、粘性导航、Javascript引用的位?我昨天对此进行了尝试,并使用最新的jquery版本消除了错误: