python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - bootstrap-modal

on hide.bs.modal event not firing

i am trying to do some things when i close a bootstrap modal on the website i am making. The modal closes, but the event is not fired. I have done some troubleshooting and can not figure out what i mi...
test-img

pzyqux

jquery

bootstrap-4

bootstrap-modal

Votes: 0

Answers: 3

Latest Answer

Do you add ur modals dynamically? if yes try something like that: $(document).on('hide.bs.modal', '#exampleModal', function(e) { alert('modal closed'); document.getElementById("errorCont...
test-img

David Brödner

How to simplify this modal code with loop in javascript

I am trying to open a modal when an image is opened. The code here is working but I want to find a way to simplify this or shortened the code just in case there are more images with modals to be opene...
test-img

dreamer

javascript

html

modal-dialog

bootstrap-modal

Votes: 0

Answers: 1

Latest Answer

Get all the images, add an event listener and the set whatever needed with the target element - which is clicked one <h2>Travel Blog</h2> <div class="blogThumb"> <!--Thumbna...
test-img

KcH

bootstrap modal ajax send two time on submit

When I open a modal, then click the submit (to send ajax post request for instance) and if I close the modal, reopen it again and re-submit it send 2 times the request (event with e.preventDefault() )...
test-img

kent2004

ajax

bootstrap-4

bootstrap-modal

Votes: 0

Answers: 1

Latest Answer

it seems to be stacking the calls when you click on #btnA, try doing this instead: $(document).ready(function () { $("#btnA").click(function () { $("#modalA").modal(); ...
test-img

Robinson Batista Madrigal

Laravel: How to show dynamic data on popup modal related to image on every image click

I have to setup a Novel setup means I have to show episodes of every related novel on its click. public function Novels() { $Novels = Novel::latest()->get(); foreach($Novels ...
test-img

Bilal Hussain

javascript

php

laravel

eloquent

bootstrap-modal

Votes: 0

Answers: 1

Latest Answer

When you want to put an event listener on multiple doms, you need to use a class and not an id since ids attribute can target only one dom. $('.myImg').click(function(){ Next to target the right moda...
test-img

N69S

Posts

Questions

Blogs

Jobs