具有淡入淡出效果的Bootstrap模式不适用于移动设备

Question

具有淡入淡出效果的Bootstrap模式在chrome / Internet Explorer上完美运行，但它不适用于iPhone / Safari。有人解决这个问题吗？

    <div class="modal fade" id="notice" tabindex="-1" role="dialog" aria-labelledby="notice" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
            <img src="https://evanspropertymanagement.files.wordpress.com/2013/08/notice.jpg" />
             | wait, I'm updating...
          </div>
        </div>
      </div>
    </div>
<script>    
$('#notice').modal('show');
setTimeout(function() {
          $('#notice').modal('hide');
    }, 3000);
</script>

https://jsfiddle.net/mmbtfhaf/