# ModalBox Close Button mit jquery ansprechen

**URL:** <https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235>\
**Category:** Shopware 3.5\
**Tags:** programming\
**Created:** [9. Juli 2014 um 15:06 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235 "2014-07-09T15:06:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jakko](https://avatars.discourse-cdn.com/v4/letter/j/51bf81/32.png) [@Jakko](https://forum.shopware.com/u/Jakko)\
**Post date:** [9. Juli 2014 um 15:06 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235/1 "2014-07-09T15:06:20Z")

</div>

Hallo Leute, ich bin bei einer Pluginentwicklung auf ein Problem gestoßen, nämlich möchte ich bei der Modalbox, welche sich öffnet wenn man oben auf dem Link “Mein Konto” klickt was ändern. Hier möchte ich den Close Button (dieses X oben rechts) mit jquery ansprechen. Wenn auf den Close Button geklickt wird, dann soll nämlich noch was gemacht werden. Folgender Maßen habe ich versucht, auf Close Button anzusprechen. ` $('.ajax\_login\_form \> .modal\_close').click(function(event) { event.preventDefault(); alert("Test"); }); ` Wenn auf den Close Button geklickt wird, so wird kein alert Box angezeigt. D.h. irgendwie kann er so nicht angesprochen werden. Hat jemand eine Idee?

---

<div class="post-metadata">

**Author:** ![Kerstin83](https://avatars.discourse-cdn.com/v4/letter/k/49beb7/32.png) [@Kerstin83](https://forum.shopware.com/u/Kerstin83)\
**Post date:** [9. Juli 2014 um 15:24 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235/2 "2014-07-09T15:24:54Z")

</div>

Hallo, der Selektor müsste so heißen: ‘.ajax\_login\_form .modal\_close’ (mit Leerzeichen zwischen den beiden Klassen). (.ajax\_login\_form \> .modal\_close trifft direkte Kinder von .ajax\_login\_form und keine Enkel etc.) Dann ist .modal\_close ja in einem -Tag. Das könnte sich mit dem jQuery-Event auch in die Quere kommen. Liebe Grüße Kerstin

---

<div class="post-metadata">

**Author:** ![Jakko](https://avatars.discourse-cdn.com/v4/letter/j/51bf81/32.png) [@Jakko](https://forum.shopware.com/u/Jakko)\
**Post date:** [9. Juli 2014 um 16:48 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235/3 "2014-07-09T16:48:13Z")

</div>

Habs probiert… es ist aber das selbe… Also es wird wieder kein alert Box angezeigt.

---

<div class="post-metadata">

**Author:** ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)\
**Post date:** [10. Juli 2014 um 12:04 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235/4 "2014-07-10T12:04:30Z")

</div>

Das funktioniert so nicht, weil die Modalbox dynamisch erzeugt wird, sobald jemand auf den Link klickt. Sie existiert also noch gar nicht wenn du ('.ajax\_login\_form \\> .modal\_close').click(//deine Funktion) aufrufst. Für dynamisch erstellte Elemente musst du den Aufruf etwas umbauen, z.B. so: (‚body‘).on(‚click‘,’.ajax\_login\_form .modal\_close’, function (event) { //dein code }); Du sagst also quasi nicht dem Close Button selbst, dass er auf etwas reagieren soll, sondern dem body-Element, dass es etwas tun soll wenn jemand das von dir definierte Element anklickt.

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [10. Juli 2014 um 13:20 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235/5 "2014-07-10T13:20:56Z")

</div>

wenn du die im standard enthaltenen jQuery 1.7.2 verwendest, kannst du das auch so machen: ` $('.modal\_close').live('click', function () { //dein code }); ` .live sollte nicht mehr verwendet werden und daher wäre .on schon der richtige weg.

---

<div class="post-metadata">

**Author:** ![Kerstin83](https://avatars.discourse-cdn.com/v4/letter/k/49beb7/32.png) [@Kerstin83](https://forum.shopware.com/u/Kerstin83)\
**Post date:** [11. Juli 2014 um 09:07 UTC](https://forum.shopware.com/t/modalbox-close-button-mit-jquery-ansprechen/21235/6 "2014-07-11T09:07:27Z")

</div>

Hallo, ich habe es mir jetzt mal angeschaut. ‘.on’ klappt gut, ‘.live’ habe ich nicht zum Laufen gebracht, aber du sagst ja es ist ohnehin deprecated und da habe ich auch nicht lange probiert. Vielen Dank, das kann ich bestimmt einmal sehr gut gebrauchen. Liebe Grüße Kerstin 🙂
