isLoading-Overlay

LOADER-0003.html

<div id="example" class="text-xs-center">
  <div class="card">
    <div class="card-block text-xs-center">
      내용
    </div>
  </div>

  <button type="button" class="btn btn-secondary">전송</button>
</div>

<!-- http://hekigan.github.io/is-loading/ -->
<script src="./assets/extensions/is-loading/1.0.6/jquery.isloading.js"></script>

<script>

$(function() {

    // Action on Click
    $("#example .btn").click(function() {

        $.isLoading({ text: "로딩중" });

        // Re-enabling event
        setTimeout( function(){
            $.isLoading( "hide" );
            $( "#example .card-block" ).html("불러온 컨텐츠")
        }, 2000 );

    });

});

</script>