fullpage.js проблема с кнопкой отправки

Question

Я использую полную страницу js-Plugin на своей веб-странице и оставляю кнопку отправки во втором разделе, где должна быть запущена демонстрационная функция js. К сожалению, нажав кнопку, просто позвольте мне вернуться к разделу 1 без запуска функции (или начать и немедленно остановить ее снова, я не уверен). Это код:

HTML

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

JS

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

function WizDemo() { 
some code; 
}; 

Answer 1

ОК, я понял.

<input type="submit"/> 

перезагружает страницу, так что вы должны использовать

<input type="button"/> 

, который не делает.

Я нашел ответ здесь How do I make an HTML button not reload the page

Answer 2

From fullPage.js FAQs:

Мои другие плагины не работают при использовании fullPage.js

Краткий ответ: инициализировать их в обратном вызове afterRender для fullPage.js.

Объяснение: если вы используете опции, такие как verticalCentered: истина или overflowScroll: правда о fullPage.js, ваше содержимое будет вставлено внутри других элементов, изменяющих свое положение в DOM структуре сайта. Таким образом, ваш контент будет рассматриваться как «динамически добавленный контент», и большинству плагинов необходимо, чтобы контент был первоначально на сайте для выполнения своих задач. Используя обратный вызов afterRender для инициализации ваших плагинов, fullPage.js обязательно инициализирует их только тогда, когда fullPage.js перестает изменять структуру DOM сайта.

From fullPage.js docs:

afterRender() Этот обратный вызов вызывается сразу после того, структура страницы генерируется. Это обратный вызов, который вы хотите использовать для инициализации других плагинов или для запуска любого кода, который требует, чтобы документ был готов (так как этот плагин модифицирует DOM для создания результирующей структуры).

У вас есть свой ответ. Добавьте код в обратный вызов afterRender.