Question

我在我的网页上使用了js-Plugin全页，并在第二部分中有一个提交按钮，它应该启动一个基于js的演示功能。不幸的是，按下按钮只是让我跳回到第1部分而不启动功能（或启动并立即再次停止它，我不确定）。这是代码：

HTML

<input type="submit" value="Start" id="btn1"/>

JS

$('#btn1').click(function(){
    $.WizDemo();
});

function WizDemo() {
some code;
};

Answer 1

From fullPage.js FAQs:

使用fullPage.js时我的其他插件无法正常工作

简答：在fullPage.js的afterRender回调中初始化它们。

说明：如果您使用的选项如verticalCentered：true或overflowScroll：true of fullPage.js，您的内容将被包装在其他元素中，从而更改其在网站DOM结构中的位置。这样，您的内容将被视为＆＃34;动态添加的内容＆＃34;并且大多数插件需要最初在网站上执行任务的内容。使用afterRender回调初始化插件，fullPage.js确保仅在fullPage.js停止更改站点的DOM结构时才初始化它们。

From fullPage.js docs:

<强> AfterRender阶段（）在生成页面结构之后立即触发此回调。这是您想要用来初始化其他插件或者激活任何需要文档准备好的代码的回调（因为这个插件会修改DOM以创建结果结构）。

你有答案。在afterRender回调中添加代码。

Answer 2

好的，我明白了。

<input type="submit"/>

重新加载页面，因此您必须使用

<input type="button"/>

没有。

我在这里找到了答案How do I make an HTML button not reload the page

fullpage.js提交按钮问题

2 个答案: