JQuery Turnbox.JS - Анимация без взаимодействия с пользователем

Мне очень нравится использовать KeiichiroHirai Turnbox.JS script (http://www.noht.co.jp/turnbox),

Однако, этот script, кажется, работает только с пользователем, нажимающим/зависающим на любой кнопке, этот script добавляет себя к.

Я хочу использовать эти анимации, когда DOM готов,

Я пробовал:

$(function() {
     $.turnBoxLink({
      box: ".example"
    });
});

Но так как я публикую здесь, он явно не работает.

Заранее благодарю вас!

Ответы

Ответ 1

Если вы хотите сделать это, когда DOM готов, вы должны перенести свой код инициализации в

$(document).ready(function() {
   // go when DOM is ready
});

или

$(window).load(function() {
   // go when page and images are loaded
});

И также, Turnbox можно инициализировать следующим образом:

Разметка HTML

<div class='login_form'>
   <h3>My form element<h3>
</div>

С помощью следующего кода вы получите дополнительный простой образец без каких-либо параметров. но для целей тестирования было бы неплохо начать здесь:

$(".login_form").turnBox();

Если теперь вы хотите запустить анимацию в определенном событии (например, в случае готовности или загрузки), вы сможете сделать это, используя:

$(".login_form").turnBoxLink({
  box: ,
  events: "ready", // you can also try 'load'
  dist: "next"
});

Ответ 2

После инициализации щелкните созданный дочерний элемент .turnBoxButton:

$.turnBoxLink({
    box: ".example"
});
setInterval(function() {
    $(".example .turnBoxButton").click();
}, 1000);

Это будет вращать окно каждую секунду.

Ответ 3

Если вы хотите программно запускать событие click для элемента с помощью jQuery, вы можете использовать функцию . click().

$(document).ready(function() {
   $('.sample').turnBox();
   ...
   $('.sample').click();
});