bootstrap jquery show.bs.modal event won't fire

modal-dialog twitter-bootstrap-3 jquery
m4rlo picture m4rlo · Oct 9, 2013 · Viewed 150.9k times · Source

i'm using the modal example from the bootstrap 3 docs. the modal works. however i need to access the show.bs.modal event when it fires. for now i'm just trying: 

$('#myModal').on('show.bs.modal', function () {
   alert('hi')
})

Nothing happens, the event does not fire. What am I doing wrong??? This doesn't make sense to me.

Answer

Ali picture Ali · Feb 21, 2016

use this:

$(document).on('show.bs.modal','#myModal', function () {
  alert('hi');
})

Related questions

Bootstrap: Open Another Modal in Modal

So, I'm using this code to open another modal window in a current opened modal window: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> What happens is, that for …

Read More
Multiple modals overlay

I need that the overlay shows above the first modal, not in the back. I tried to change the z-index of .modal-backdrop, but it becomes a mess. In some cases I have more than two modals on the same page.

Read More
Bootstrap 3.0.0 modal events not firing

I can't seem to get modal events working at all using Bootstrap 3. I want to perform an action when my modal closes, but nothing's happening. Here's my stripped back HTML: <button type="button" data-toggle="modal" data-target="#imageUpload">Launch …

Read More