components-modal.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /*=========================================================================================
  2. File Name: components-modal.js
  3. Description: Modals are streamlined, but flexible, dialog prompts with the minimum
  4. required functionality and smart defaults.
  5. ----------------------------------------------------------------------------------------
  6. Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  7. Author: Pixinvent
  8. Author URL: hhttp://www.themeforest.net/user/pixinvent
  9. ==========================================================================================*/
  10. (function(window, document, $) {
  11. 'use strict';
  12. // onShow event
  13. $('#onshowbtn').on('click', function() {
  14. $('#onshow').on('show.bs.modal', function() {
  15. alert('onShow event fired.');
  16. });
  17. });
  18. // onShown event
  19. $('#onshownbtn').on('click', function() {
  20. $('#onshown').on('shown.bs.modal', function() {
  21. alert('onShown event fired.');
  22. });
  23. });
  24. // onHide event
  25. $('#onhidebtn').on('click', function() {
  26. $('#onhide').on('hide.bs.modal', function() {
  27. alert('onHide event fired.');
  28. });
  29. });
  30. // onHidden event
  31. $('#onhiddenbtn').on('click', function() {
  32. $('#onhidden').on('hidden.bs.modal', function() {
  33. alert('onHidden event fired.');
  34. });
  35. });
  36. })(window, document, jQuery);