Sticky Footer - close Button funktioniert nicht

Hallo

ich hab einen Sticky-Footer bei mir realisiert.
Dieser funktoniert einwandfrei bis auf den Close-Button, so dass der Footer auch geschlossen bleibt, wenn man auf das X klickt.

Ich hab im BE einen Artikel erstellt mit einem HTML-Inhalt:

HTML-Code:

---

<span class="sticky-close">X</span>

---

Im Seitenlayout unter "Eigener JavaScript-Code" hab ich folgendes:

Code:

---

<script>
  var sticky_closed = false;
  $(window).scroll(function(){
    if(!sticky_closed){
      var docScroll = $(document).scrollTop();
      if(docScroll <=90){
        $("#sticky-footer").slideUp();
      }else{
        $("#sticky-footer").slideDown();
      }
    }
  });
  $(".sticky-close").on('click',function(){
    footer = $(this).parent('#sticky-footer');
    footer.slideToggle();
    sticky_closed = true;
  });
</script>

---

Das script funktoniert eigentlich bis auf den Bereich "Close". Kann mir hier jemand helfen?

LG, Andi

Hallo,

ich hab diesen Code mal in "https://jsfiddle.net" nachgebaut und da funktioniert dieser. Hat jemand eine Idee?

LG, Andi

Gibt es Fehler in der Browser-Konsole?

Und ich bin kein Experte, aber vielleicht könntest du es mal mit dem jQuery-Selektor probieren (statt $)

Bei solchen Kostruktionen liegt dann gerne mal ein Element über den Buttons. Hast Du das geprüft?

Zitat:

---

Zitat von dazzle89

Gibt es Fehler in der Browser-Konsole?

Und ich bin kein Experte, aber vielleicht könntest du es mal mit dem jQuery-Selektor probieren (statt $)

---

Hab ich probiert, macht keinen Unterschied. Das mit dem Scollen funktioniert prima, nur das mit dem Schlißen Button, will nicht.

Zitat:

---

Zitat von lucina

Bei solchen Kostruktionen liegt dann gerne mal ein Element über den Buttons. Hast Du das geprüft?

---

Das hab ich auch schon kontrolliert. Da sollte alles passen.

Hast du einen Link zur Seite - sofern online? Ansonsten fürchte ich wird's weiter ein Raten werden ;)
(gerne auch via PN)

Link zur Seite?

Nachtrag: @derRenner Oh gleichzeitig mit einem Tick Vorsprung für Dich. :D

Ja, ist aber noch nicht öffentlich: https://www.aloha-suites.at/aloha_suites.html

Bezieht sich .parent() überhaupt noch auf #sticky-footer? Durch Contao werden ja noch 2 weitere divs dazwischen erzeugt.

Zitat:

---

Zitat von dazzle89

Bezieht sich .parent() überhaupt noch auf #sticky-footer? Durch Contao werden ja noch 2 weitere divs dazwischen erzeugt.

---

Der #sticky-footer ist doch der bereich der erscheint und der dann geschlossen werden soll. Ich hab jetzt bemerkt, dass wenn man auf den x Button klickt, dass der Footer dann immer stehen bleibt. Also genau das gegenteil

Ich würde mal eine Zeile ändern..

Von:

footer = $(this).parent('#sticky-footer');

Zu:

footer = $('#sticky-footer');

aber genau das war's. Danke .parent() hab ich jetzt weggegeben und nun funktionierts.

Danke nochmals