Christmas Sale! Limited Time Only - Enjoy 30% Off Metronic Extended License!
Buy for 669$  969$
Light
Dark
System
Ask  Question

Closing a stacked modal via javascript


Hi!

I have a stacked modal on my page, and I want to close it by javascript.
I´m using the modal.hide() but nothing is happening. sad


<div class="modal fade" tabindex="-1" id="modal_stacked_nova_colecao"></div>


I initialized the stacked modal:

modalColecao = new bootstrap.Modal(document.querySelector("#modal_stacked_nova_colecao"));


And I´m trying to hide using:

modalColecao.hide(); // Hide modal<pre lang="html">

</pre>

See the code here please:
<a>https://jsfiddle.net/tm5oegjy/</a>


user
Marcos V. 1 year ago
Metronic Bootstrap 5 HTML
2 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Sean Author1 year ago

Hi,

Can you share your test URL so we can check it online and see the JS console?

Have you checked modalColecao variable before calling the hide method? Is it initialized and represents a valid Modal object?

Regards.


user
renwar 1 year ago

This might help you

https://devs.keenthemes.com/question/metronic-bootstrap-instance-is-undefined


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(