1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /**
- * modalEffects.js v1.0.0
- * http://www.codrops.com
- *
- * Licensed under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- *
- * Copyright 2013, Codrops
- * http://www.codrops.com
- */
- $(function(){
- var ModalEffects = (function() {
- function init() {
- var overlay = document.querySelector( '.md-overlay' );
- [].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) {
- var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
- // qds = modal.querySelectorAll( '.md-qd' );
- qds = modal.querySelector( '.md-qd' );
- function removeModal( hasPerspective ) {
- classie.remove( modal, 'md-show' );
- if( hasPerspective ) {
- classie.remove( document.documentElement, 'md-perspective' );
- }
- }
- function removeModalHandler() {
- removeModal( classie.has( el, 'md-setperspective' ) );
- }
- el.addEventListener( 'tap', function( ev ) {
- classie.add( modal, 'md-show' );
- overlay.removeEventListener( 'click', removeModalHandler );
- overlay.addEventListener( 'click', removeModalHandler );
- if( classie.has( el, 'md-setperspective' ) ) {
- setTimeout( function() {
- classie.add( document.documentElement, 'md-perspective' );
- }, 25 );
- }
- });
- qds.addEventListener( 'click', function( ev ) {
- ev.stopPropagation();
- removeModalHandler();
- });
- // for(var i=0;i<qds.length;i++){
- // qds[i].addEventListener( 'click', function( ev ) {
- // ev.stopPropagation();
- // removeModalHandler();
- // });
- // }
- } );
- }
- init();
- })();
- })
|