jQuery Turnbox.JS - Animieren ohne Zutun des Benutzers

Question

I KeiichiroHirai des verwenden möchte Turnbox.JS Skript wirklich (http://www.noht.co.jp/turnbox),

jedoch Dieses Skript nur mit einem Benutzerklick/Schweben auf eine beliebige Taste dieses Skript zu arbeiten scheint, ist sich anfügen.

Ich benutze diese Animationen wünschen, wenn DOM bereit ist,

Ich habe versucht:

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

Aber seit ich hier bin Entsendung, es ist natürlich nicht funktioniert.

Vielen Dank im Voraus!

Answer 1

Wenn Sie möchten, dass tun, wenn DOM bereit ist, Sie Ihre init-Code in

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

oder

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

Und auch wickeln soll, kann Turnbox wie folgt initialisiert werden:

HTML Markup

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

Mit dem folgenden Code erhalten Sie das extra einfache Beispiel ohne Optionen. aber für Testzwecke könnte es gut sein, hier zu starten:

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

Wenn jetzt wollen Sie die Animation an bestimmtem Ereignisse starten (zum Beispiel zum fertigen oder Load-Ereignisse), werden Sie in der Lage sein, dies zu tun unter Verwendung von:

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

Answer 2

Wenn Sie wollen programmatisch ein Click-Ereignis auf einem Element mit jQuery auslösen können Sie verwenden, um die .click() Funktion.

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

Answer 3

Nach der Initialisierung, klicken Sie auf das erzeugte .turnBoxButton Kind-Element:

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

Dies wird die Box jede Sekunde drehen.