.on('hidden') event called only once

[david-nguyen]

For some reason the original modal event hidden is only called once when the modal is closed. Can be reproduced on the demo page by entering this into console and opening the first modal repeatedly.

$('#responsive').on('hidden', function (e) {console.log('close')});

[fultke01]

Same with show, show.bs.modal, shown, and shown.bs.modal. This is referring to Bootstrap 3 for clarity.

[david-nguyen]

I've found the culprit on line 84 of bootstrap-modal:

if (!this.isShown || e.isDefaultPrevented()) return (this.isShown = false);

should be:

if (!this.isShown || e.isDefaultPrevented()) return (this.isShown = true);

[jschr]

See my comment here: #199 (comment)

[jschr]

0236f06 should fix this. Please update to the latest version and let me know.

Thanks

[david-nguyen]

I've tried the update but it still doesn't work in my use case:

• hide.bs.modal: intercept the event and check if form change has occured, showing an alert (return true or false)

on('hide.bs.modal', function (e) {
    if( ! confirm(cancelEditMsg))
        return false;
    else
        return true;
});

Unable to close or call modal('hide'). I'll see if I can set up a fiddle, but the work around allowed me to do what I needed.

[alissonbarison]

I'm using version:
v2.2.5

when I write:

i = 1;
$ ('#modalBootstrap'). on ('hide.bs.modal', function () {
    console.log (i);
    i ++;
});

whenever I close the modal the var i should increase and console show the value of i, but this only happens the first time I close the modal.
what may be missing in my code?

[jschr]

This seems to be a dup of #228. A workaround is provided in that issue

[alissonbarison]

how to solve

[jschr]

$modal.on('show', function () { ... }
$modal.on('shown', function () { ... }
$modal.on('hide', function () { ... }
$modal.on('hidden', function () { ... }

[jschr]

Closing as dup