The Bootstrap modal setting does not cache data

Little scum · Posted on 11/9/2015 11:00:19 AM

The modal dialog of the front-end framework Bootstrap can be specified with a URL using the remote option, so that the dialog will automatically load data from this address into the .modal-body when it pops up for the first time, but it will only load once, although this problem can be solved by calling the removeData() method in the event.

After searching and consulting the relevant documentation, I found that it is enough to write a statement in the hidden event of the dialog box:

$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

Copy code

You can also remove data before opening the dialog each time, and the effect is the same.

Note: The above code is based on Bootstrap v2, if you use Bootstrape v3, the HTML of the modal dialog and the event are written differently, for example, for the hidden event above, to write as:

$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});

Copy code

[Bootstrap] The Bootstrap modal setting does not cache data

Related Posts