Hogyan hivatkozzunk az eseményt kiváltó gombra Jquery-vel?
2019-04-29T17:05:58+02:00
2019-04-29T18:59:58+02:00
2022-08-11T12:10:29+02:00
KPA-R
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> <script type="text/javascript" src="toplist.js"></script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <button type="button" id="toggler1" class="btn btn-primary toggler" data-toggle="modal" data-target="#exampleModal"> Show modal 1 </button> <button type="button" id="toggler2" class="btn btn-primary toggler" data-toggle="modal" data-target="#exampleModal"> Show modal 2 </button> <button type="button" id="toggler3" class="btn btn-primary toggler" data-toggle="modal" data-target="#exampleModal"> Show modal 3 </button> <button type="button" id="toggler4" class="btn btn-primary toggler" data-toggle="modal" data-target="#exampleModal"> Show modal 4 </button> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> This is a modal </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" id="edit" class="btn btn-primary">Edit toggler</button> </div> </div> </div> </div> Run code snippet
Sziasztok!
Szóval a fenti kódban láthattok néhány gombot, amik mind ugyanazt a Bootstrap-es modal-t jelenítik meg.Amit szeretnék megcsinálni, hogy ebben a modal-ban található "Edit toggler" gombra kattintva, manipulálnám azt a gombot, amely kiváltotta a modal megjelenéséért felelős eseményt(magyarul amelyik megjelenítette).

Szóval pl. ha "Show modal 2"-re kattintva jelent meg a felugró ablak, akkor a modal-ban lévő gombra kattintva ennek a gombnak(Show modal 2) valamely tulajdonsága megváltozna, például a háttérszíne piros lenne.

Keresgéltem az interneten, meg más programozással foglalkozó weboldalon, mielőtt megírtam volna ezt a kérdést itt, de sajnos nem találtam sehol se megoldást még.

Remélem értitek, hogy mire gondoltam.

Előre is köszönöm a segítséget!
Mutasd a teljes hozzászólást!
Sessionstoragebe elmentheted a gomb nevet es onnan ki tudod olvasni
Mutasd a teljes hozzászólást!

abcd