Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Zmiana animacji usuwania elementu
Forum PHP.pl > Forum > Przedszkole
XP'ek
witajcie chcę dodać opcję znikania do elementu zamykanego poprzez tą funkcję z Twitter bootstrap

tylko nie wiem za bardzo co mam zmienić by działała mi opcja .slideDown(200)
[JAVASCRIPT] pobierz, plaintext
  1. !function ($) {
  2.  
  3. "use strict"; // jshint;_;
  4.  
  5.  
  6. /* ALERT CLASS DEFINITION
  7.   * ====================== */
  8.  
  9. var dismiss = '[data-dismiss="alert"]'
  10. , Alert = function (el) {
  11. $(el).on('click', dismiss, this.close)
  12. }
  13.  
  14. Alert.prototype.close = function (e) {
  15. var $this = $(this)
  16. , selector = $this.attr('data-target')
  17. , $parent
  18.  
  19. if (!selector) {
  20. selector = $this.attr('href')
  21. selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
  22. }
  23.  
  24. $parent = $(selector)
  25.  
  26. e && e.preventDefault()
  27.  
  28. $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
  29.  
  30. $parent.trigger(e = $.Event('close'))
  31.  
  32. if (e.isDefaultPrevented()) return
  33.  
  34. $parent.removeClass('in')
  35.  
  36. function removeElement() {
  37. $parent
  38. .trigger('closed')
  39. .remove()
  40. }
  41.  
  42. $.support.transition && $parent.hasClass('fade') ?
  43. $parent.on($.support.transition.end, removeElement) :
  44. removeElement()
  45. }
[JAVASCRIPT] pobierz, plaintext
lobopol
Obstawiałbym:
[JAVASCRIPT] pobierz, plaintext
  1. function removeElement() {
  2. $parent
  3. .trigger('closed').slideUp(200, function(){
  4. $parent.remove();
  5. })
  6. }
[JAVASCRIPT] pobierz, plaintext
XP'ek
Niestety jednak nie ... Próbowałem dodawałem już na różny sposób ten efekt i nie wiem czy nie trzeba bardziej przebudować tą funkcję ..
lobopol
Nie wiem czy to cały kod, ale pousuwaj po prostu po kolei wszystkie usuwania elementu w końcu dojdziesz w którym to jest miejscu
XP'ek
próbowałem no to jest ten shit http://twitter.github.com/bootstrap/javascript.html#alerts

ale tutaj się zamyka no wiadomo a fajnie było by to zanimować biggrin.gif
lobopol
To na oko:
[JAVASCRIPT] pobierz, plaintext
  1. $.support.transition && $parent.hasClass('fade') ? $parent.on($.support.transition.end, removeElement) : removeElement()
  2. na
  3. removeElement()
[JAVASCRIPT] pobierz, plaintext

i remove element takie jak ostatnio podałem
XP'ek
wielkie dzięki o to chodziło biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.