PHP toggle modal creates more modals

Question

I'm new here. I had a problem with my Modal in my PHP code. It creates morethan one modal whenever I click it. At first click it only shows 1 modal. But when you click it on the second time or more it increments and creates more modals when clicked. Even though the previous modal is closed, it still shows the previous modals when clicked. Here is a sample image when clicked once [Single Modal][1]. And this picture is a sample when it toggles more than 2 modals. [Incrementing Modal][2]

I’m voting to close this question because in its current status it does not have any meaning. — axiac
– axiac, Commented Jun 13, 2020 at 7:15

Community · Accepted Answer · 2017-05-23 11:53:46Z

1

The problem is probably inside the append function where you are appending unconditionally without checking if similar div already exists. Change it to

 while (div.children.length > 0) { $t = $(el).find(".bs-example-modal-lg"); if($t.length){ $t.replaceWith(div.children[0]); }else{ $(el).appendChild(div.children[0]); } }

Checkout this question's answers for more information.

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Dec 10, 2016 at 9:01

Japheth Ongeri - inkalimeva

4,9996 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Feyris Over a year ago

$el is not defined

Feyris Over a year ago

if changed to el. the error is el.find is not a function(…)

Japheth Ongeri - inkalimeva Over a year ago

Hi @NylzonRedulaII please edit the answer to the version that worked for you, I was not able to run this in an actual browser so it may still have some typos. Also an upvote would be nice :D

Collectives™ on Stack Overflow

PHP toggle modal creates more modals

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related