Understanding how data-dismiss attribute works in Bootstrap

The hiding functionality is implemented in the modal.js in this way.

this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))

Basically it’s just finding the elements that have the attribute of data-dismiss and the value of modal. Upon click it will hide these elements.

Related Posts:

  1. Bootstrap popover is not working
  2. Bootstrap Dropdown menu is not working
  3. Adding images to a Bootstrap Carousel with AJAX
  4. ChangeDate – Date Picker Bootstrap
  5. bootstrap-datetimepicker for bootstrap 4
  6. TypeError: $(…).modal is not a function with bootstrap Modal
  7. Creating Accordion Table with Bootstrap
  8. How to open a Bootstrap modal window using jQuery?
  9. Closing Bootstrap modal onclick
  10. How to change CSS using jQuery?
  11. How to properly use jsPDF library
  12. Toggle show/hide on click with jQuery
  13. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  14. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  15. How to create a jQuery function (a new jQuery method or plugin)?
  16. Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
  17. Scroll to an element with jQuery
  18. How can I scroll to an element using jQuery?
  19. jQuery Get Selected Option From Dropdown
  20. Setting “checked” for a checkbox with jQuery
  21. Uncaught TypeError: Cannot read property ‘length’ of undefined
  22. Jquery : Refresh/Reload the page on clicking a button
  23. Check if element exists in jQuery
  24. Checking a Url in Jquery/Javascript
  25. Uncaught TypeError: $.post is not a function
  26. When and why to ‘return false’ in JavaScript?
  27. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  28. querySelector vs. getElementById
  29. How to generate a simple popup using jQuery
  30. jQuery Ajax File Upload
  31. AJAX response error: net::ERR_EMPTY_RESPONSE
  32. XML Parsing Error: no root element found Location in Console FF
  33. How to create a JQuery Clock / Timer
  34. Proper way to wait for one function to finish before continuing?
  35. Access Control Request Headers, is added to header in AJAX request with jQuery
  36. How to set ‘X-Frame-Options’ on iframe?
  37. How do I get an element to scroll into view, using jQuery?
  38. How do I check if string contains substring? [duplicate]
  39. Play an audio file using jQuery when a button is clicked
  40. How can I get the last character in a string?
  41. document.getElementsByClassName().innerHTML always returns “undefined”
  42. Jquery button click() function is not working
  43. jQuery: Check if div with certain class name exists
  44. How to define Global Arrays?
  45. Why is this jQuery click function not working?
  46. Disable Chrome strict MIME type checking
  47. JQuery get all elements by class name
  48. Attaching ‘onclick’ event to D3 chart background
  49. How do I check whether a checkbox is checked in jQuery?
  50. The preferred way of creating a new element with jQuery
  51. What is jQuery Unobtrusive Validation?
  52. jQuery count child elements
  53. CreateElement with id?
  54. How do I check if an element is hidden in jQuery?
  55. Set value of hidden input with jquery
  56. Creating a div element in jQuery
  57. jQuery equivalent of querySelector
  58. Convert normal date to unix timestamp
  59. jQuery replace one class with another
  60. Clearing my form inputs after submission
  61. Changing the image source using jQuery
  62. Reload an iframe with jQuery
  63. How to disable scrolling temporarily?
  64. How to manage a redirect request after a jQuery Ajax call
  65. How do you remove all the options of a select box and then add one option and select it with jQuery?
  66. Add and remove multiple classes in jQuery
  67. Get the Highlighted/Selected text
  68. How to get the children of the $(this) selector?
  69. jQuery: Get selected element tag name
  70. window.onload vs $(document).ready()
  71. Why is jquery show() not working in example
  72. How can I use jQuery to run MySQL queries?
  73. jQuery scrollTop() method not working
  74. FormData append not working
  75. Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
  76. How to go to a URL using jQuery?
  77. How to close a window using jQuery
  78. How to find if div with specific id exists in jQuery?
  79. TypeError: $ is not a function WordPress
  80. Fully responsive HTML5 video
  81. HTML anchor link – href and onclick both?
  82. How can I know which radio button is selected via jQuery?
  83. jquery toggleClass not working
  84. JQuery Number Formatting
  85. How to add jQuery in JS file
  86. Get query string parameters url values with jQuery / Javascript (querystring)
  87. jQuery .animate() not working
  88. Adding JavaScript to a WordPress website
  89. AJAX not Working with php as supposed
  90. is_page_template() written in jquery/javascript
  91. Cannot use characters ” in jQuery script in WordPress
  92. On click load iframe [closed]
  93. Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
  94. Script only works on wordpress home page & only when Jqurery is aded using
  95. internal anchor links no longer working after upgrade
  96. Select parent from child class name then add another class name to the parent
  97. change background image on scroll
  98. Bootstrap with separate js File
  99. Uncaught ReferenceError: tippy is not defined
  100. Error – Uncaught TypeError: e.dispatchEvent is not a function

Leave a Comment