Bootstrap modal in joomla 3.1

twitter-bootstrap modal-dialog joomla3.1
fefe picture fefe · Aug 12, 2013 · Viewed 8.7k times · Source

How to use Bootstrap modal in Joomla 3.1 ? I have Bootstrap loaded and when I try to initialise 

 $('#confirmDelete').modal();

my modal window I get $(...).modal is not a function

Answer

Joe Conlin picture Joe Conlin · Aug 13, 2013

Easiest way I have found is to use the data attribute, data-toggle="modal". An example would be:

<a href="#my-modal" data-toggle="modal" class="btn">Launch modal</a>

Related questions

Close Bootstrap Modal

I have a bootstrap modal dialog box that I want to show initially, then when the user clicks on the page, it disappears. I have the following: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <…

Read More
Disable click outside of bootstrap modal area to close modal

I am making a bootstrap website, with a couple of Bootstrap 'Modals'. I'm trying to customize some of the default features. Problem is this; You can close the modal by clicking on the background. Is there anyway to disable this …

Read More
How to hide Bootstrap modal with javascript?

I've read the posts here, the Bootstrap site, and Googled like mad - but can't find what I'm sure is an easy answer... I have a Bootstrap modal that I open from a link_to helper like this: <%= link_…

Read More