|
@@ -143,6 +143,18 @@
|
|
|
</section>
|
|
|
</section>
|
|
|
|
|
|
+ <section data-state="customevent">
|
|
|
+ <h2>Custom Events</h2>
|
|
|
+ <p>
|
|
|
+ Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
|
|
|
+ </p>
|
|
|
+ <p><code style="font-size: 27px;">
|
|
|
+ document.addEventListener('customevent', function(){<br />
|
|
|
+ alert('event has fired');<br />
|
|
|
+ });
|
|
|
+ </code></p>
|
|
|
+ </section>
|
|
|
+
|
|
|
<section>
|
|
|
<h2>Clever Quotes</h2>
|
|
|
<p>
|
|
@@ -250,6 +262,10 @@
|
|
|
query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
|
|
|
} );
|
|
|
|
|
|
+ document.addEventListener('customevent', function(){
|
|
|
+ alert('event has fired');
|
|
|
+ });
|
|
|
+
|
|
|
Reveal.initialize({
|
|
|
// Display controls in the bottom right corner
|
|
|
controls: true,
|