Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][jQuery] Zamykanie diva
boro11
post 21.02.2017, 18:52:27
Post #1





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 9.07.2010
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Witam,
mam skrypt a'la lightbox, który po wciśnięciu miniaturki zdjęcia pokazuję jej większą wersje + opis oraz znak X do zamknięcia.
Jak mogę przerobić skrypt, żeby okno zamykało się nie tylko po wciśnięciu X, a gdziekolwiek na ekranie?

  1. function GridFx(el, options) {
  2. this.gridEl = el;
  3. this.options = extend( {}, this.options );
  4. extend( this.options, options );
  5.  
  6. this.items = [].slice.call(this.gridEl.querySelectorAll('.grid__item'));
  7. this.previewEl = nextSibling(this.gridEl);
  8. this.isExpanded = false;
  9. this.isAnimating = false;
  10. this.closeCtrl = this.previewEl.querySelector('button.action--close');
  11. this.previewDescriptionEl = this.previewEl.querySelector('.description--preview');
  12.  
  13. this._init();
  14. }


Cześć odpowiedzialna za zamykanie:

  1. // close expanded image
  2. this.closeCtrl.addEventListener('click', function() {
  3. self._closeItem();
  4. });


Tutaj kod przycisku:

  1. <button class="action action--close" onclick="$('#hiddenText').show('slow');"><i class="fa fa-times"></i><span class="text-hidden">Close</span></button>


//Edit: Okej udało mi się samodzielnie rozwiązać problem, zmieniłem kod do zamykania na:

  1. $('html').click(function(e){
  2. self._closeItem();
  3. });


Ten post edytował boro11 21.02.2017, 20:03:54
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 07:57