편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
jQuery 토스트 toastr | |||
==예시== | ==예시== | ||
< | <source lang='JavaScript'> | ||
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css'/> | <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css'/> | ||
<script src='//code.jquery.com/jquery.min.js'></script> | <script src='//code.jquery.com/jquery.min.js'></script> | ||
14번째 줄: | 8번째 줄: | ||
<script> | <script> | ||
$(function() { | $(function() { | ||
toastr.options = { | toastr.options = { | ||
"progressBar": true, | "progressBar": true, | ||
} | } | ||
$('#show-toast').click( function() { | |||
toastr["success"]("안녕하세요?") | |||
}); | |||
}); | }); | ||
</script> | </script> | ||
<button id='show- | <button id='show-toast'>토스트!</button> | ||
</source> | |||
<jsfiddle>rkw1kmgd</jsfiddle> | |||
</ | |||
<jsfiddle | |||
==참고== | ==참고 자료== | ||
*https://github.com/CodeSeven/toastr | *https://github.com/CodeSeven/toastr | ||
[[분류: jQuery]] | [[분류: jQuery]] |