javascript - Bootstrap Modal Fade Out Animation -


i've added basic animation closing of modal box, zooms out element:

$(function(){      var $modal = $('.modal');     $modal.on('hide', function () {          if (!$modal.isanimating) {           // $('.modal-backdrop.in').fadeto(250, 0);        // fade out backdrop              var $target = $('#zoomout-target');             var pos = $target.offset();             pos.top  -= $(window).scrolltop();             pos.left -= $(window).scrollleft();              $modal.css({top: pos.top, left: pos.left, transform: 'scale(0.1, 0.1)', opacity: 0});              $modal.isanimating = true;             settimeout(function(){                 $modal.modal('hide');                 $modal.isanimating = false;             }, 750);              return false;         }          $modal.css({top: '', left: '', transform: '', opacity: ''});     }); });

the problem backdrop "hides" target element modal box zooms out.

so added commented line above $('.modal-backdrop.in').fadeto(250, 0); fades out backdrop nicely, looks i'm missing because page freezes.

it seems backdrop still on, capturing of mouse events, etc, though transparent. backdrop not visible, making page unusable.

how can rid of backdrop @ end of fadeto animation?

edit:

i noticed problem .modal-backdrop , .modal-scrollable overlays, snippet instead of offensive 1 resolves issue, there's has cleaner solution imo:

$('.modal-backdrop.in').fadeout(600, function(){     $('body').removeclass('modal-open');     $('.modal-backdrop').hide();     $('.modal-scrollable').hide(); });     // fade out backdrop

i'm using bootstrap 2.3.2 , bootstrap modal 2.2.5

tia


Comments

Post a Comment

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

i using magento ver. 1.9.1.0 want remove shipping information , shipping method step 1 page checkout page. changed code in core file like in app\code\core\mage\checkout\block\onepage.php public function getsteps() { $steps = array(); $stepcodes = $this->_getstepcodes(); /* remove shipping address , shipping method */ $excludestep=array_diff($stepcodes,array('shipping','shipping_method')); //$excludestep=$stepcodes; if ($this->iscustomerloggedin()) { $stepcodes = array_diff($excludestep, array('login')); } foreach ($excludestep $step) { $steps[$step] = $this->getcheckout()->getstepdata($step); } return $steps; } and in app\code\core\mage\checkout\controllers\onepagecontroller.php public function savebillingaction() { if ($this->_expireajax()) { return; } if ($this->getrequest()-...
Read more

tcpdump - How to check if server received packet (acknowledged) -

Image
i running tcpdump on server capture traffic between server (servera) , remote server (serverb). not know how read output tcpdump. point out if serverb acknowledging packets being sent servera being received serverb? here tcpdump log: 2015-03-31 11:32:18.038284 ip (tos 0x0, ttl 64, id 30781, offset 0, flags [df], proto tcp (6), length 60) servera.14033 > serverb.8004: flags [s], cksum 0x02bd (correct), seq 337482636, win 14600, options [mss 1460,nop,nop,ts val 506588081 ecr 0,nop,wscale 7], length 0 0x0000: 4500 003c 783d 4000 4006 bae4 0a04 7a0e e.. servera.14033: flags [s.], cksum 0x3b2a (correct), seq 1742982091, ack 337482637, win 4140, options [mss 1380,nop,wscale 0], length 0 0x0000: 4500 0030 5ff2 0000 f606 5d3b cefd b48a e..0_.....];.... 0x0010: 0a04 7a0e 1f44 36d1 67e3 cbcb 141d 938d ..z..d6.g....... 0x0020: 7012 102c 3b2a 0000 0204 0564 0103 0300 p..,;*.....d.... 2015-03-31 11:32:18.078622 ip (tos 0x0, ttl 64, id 30782, offset 0, flags [...
Read more