Shulou(Shulou.com)06/03 Report--

This article is about how to close the bootstrap modal box. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Data-dismiss= "modal" is a custom HTML5 data attribute. Here it is used to close the modal window. Add this attribute to close the mode box when you click.

Related introduction:

A Modal is a child form that overrides the parent form. Typically, the goal is to display content from a separate source, and there can be some interaction without leaving the parent form. Sub-forms can provide information, interactions, and so on.

If you want to reference the functionality of the plug-in separately, you need to reference modal.js. Or, as mentioned in the chapter Overview of the Bootstrap plug-in, you can reference bootstrap.js or a compressed version of bootstrap.min.js.

Usage

You can toggle the hidden content of the Modal plug-in:

Specify the specific modal box to switch (with id= "identifier") through the data attribute: set the property data-toggle= "modal" on the controller element (such as a button or link) and set data-target= "# identifier" or href= "# identifier".

With JavaScript: using this technique, you can call a modal box with id= "identifier" through a simple line of JavaScript:

$('# identifier'). Modal (options) Thank you for reading! This is the end of the article on "how to close the bootstrap mode box". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.