将我的nextPage（）函数编写为全局函数，以便onclick事件可以访问它

Question

我的目标是通过触发单独的元素而不是仅仅使用“随机发生器”或“Dl菜单列表”来使所有动画工作。

首先是JSFiddle。我保持原样不变并与原始相同（除了多级菜单没有显示，不明白为什么：http://jsfiddle.net/EbhdM/3/

这是原始演示http://tympanus.net/Development/PageTransitions/

我试图在一个月后解决这个问题，阅读javascript文章并尝试一些事情。

我打算在nextPage（）函数中使用case，所以我删除了HTML中的on click函数并写了这个：

<button type="button" data-animation="1" class="btn">PAGE 1</button>

只要我有class =“btn”

，这就可以让我编写尽可能多的按钮

我将点击事件绑定到具有btn类的按钮，以在nextPage（）函数中触发我的动画

$(".btn").on('click', function (event) {
    var dataAnimation = $(this).attr('data-animation');
    nextPage(dataAnimation);
});

我的数据动画中的值将是nextPage（）函数中的“case”数字。案例编号表示动画编号。有67个动画。

到目前为止，我设法使用按钮将其绑定到动画，但我无法将其设置为动画。我真的是javascript的首发，但我尽我所能。我不知道解决方案，如果你能帮助我解决这个问题我会很高兴，也解释了我做错了什么。

这里是JsFiddle，我在谈论http://jsfiddle.net/7rGkd/1/

我认为如果我将nextPage（）函数编写为全局函数以便可以通过onclick事件访问它，这将会有效，但是如何？我怎么写这个？

Answer 1

在你的jsfiddle中你还没有定义你的nextPage（）函数......

那说，试试这个？

nextPage = function(arg) {
    //your code
}

如果不添加var关键字，则会将其设为全局