Modal hide & destruction

[5AMSolutions]

Could more documentation or examples be provided? I ask because it seems that modals continue to hang around within the DOM despite execution of the Modal.destroy()

[jschr]

The destroy method will return the element to it's "pre-modaled" state. So if the element existed in the DOM tree before being modaled, it will be moved back there. If you are modaling a dynamically created element meaning it has no parent in the DOM tree, it should be removed from the document.

If you are dynamically generating the modal element and then appending it to the DOM each time, that could explain why you are seeing them not being destroyed.

var $modal = $('<div class="modal">');
...
$modal
    .appendTo('body')
    .modal()

In this case the appendTo is not necessary and will cause a modal to be created for each launch.

Hope that helps

[jschr]

Will assume that this was resolved. Will reopen if necessary.