Używanie jQuery .hide() z zanikaniem

Mam funkcję .hide(), która ukrywa elementy div na podstawie pól wyboru.Używanie jQuery .hide() z zanikaniem

JS Fiddle of it working here Real site example here

Próbuję nadać mu animację, tak aby .hide() znikną in/out, zamiast po prostu zniknąć.

Tried wykorzystując funkcję jQuery Fade ale jako parametr dla .hide() ale nie wydają się działać

$("div").click(function() { 
     $(this).hide("fade", {}, 1000); 
});

Próbowałem, używając tego w moim kodu (patrz JS Fiddle) jak następuje:

if(allSelected.length > 0){ 
      $("div.prodGrid > div:not(" + allSelected + ")").hide("fade", {}, 1000); 
     }

Gdzie się mylę?

Źródło

2013-04-23 Francesca

Ważne jest, aby pamiętać, jest to, że 'hide()' metoda nie bierze efekt argumentu w ogóle. Przeczytaj [dokumentację metody] (http://api.jquery.com/hide/), aby zobaczyć różne argumenty. W takich metodach pierwszy argument lub właściwość argument jest zwykle argumentem "duration". – Boaz

$("div").click(function() { 
    $(this).fadeOut(1000); 
})

Istnieją również fadeIn i fadeToggle.

Źródło

2013-04-23 08:54:37

ten kciuk był dla jquery – tObi

technicznie nie odpowiada na to pytanie, ponieważ pokazywanie i ukrywanie pracy na ekranie i metody zanikania działają na nieprzezroczystości. – neil1967

Możecie użyć @ rozwiązania Arnelle jeżeli chcesz Fadeout lub

zastąpić $(this).hide("fade", {}, 1000); z

 $(this).hide("slow");//or $(this).hide(1000);

przejściu "slow" dadzą piękny animacji przed ukrywanie div.

Modified swoje skrzypce ze zmianami: http://jsfiddle.net/Z9ZVk/8/

Źródło

2013-04-23 08:57:38 codefreak

Odpowiedź Arnelle zanika. Animacja z funkcją ukrywania i pokazywania jest inna niż wygaszanie ... Jest fajniejsza niż zanikanie i zanikanie w – codefreak

To jest naprawdę świetne, jednak nie działa, gdy kliknięcia są klikane w krótkim odstępie czasu, co jest typowe dla e-commerce. Pomyśl, że proste przejście może sprawniej działać. To jest świetne! – Francesca

Spróbuj użyć fadeout z czasem trwania zamiast korzystania skórę.

if(allSelected.length > 0){ 
     $("div.prodGrid > div:not(" + allSelected + ")").fadeOut(1000); 
    }

Working Fiddle

Źródło

2013-04-23 08:59:12

Próbowałem kod w poniższym linku, Jego pracy grzywny.

Using jQuery .hide() and .show() with fading - Live Demo

$("#btnHideShow").click(function() { 
      if ($("#btnHideShow").val() == "Hide") { 
       $("#imgHideShow").hide(1000); 
       $("#btnHideShow").attr("value", "Show"); 
      } 
      else { 
       $("#imgHideShow").show(1000); 
       $("#btnHideShow").attr("value", "Hide"); 
      } 
     });

Można również znaleźć fadeIn, wyciszenia slideUp i slideDown jQuery z thebelow link.

fadeIn fadeOut and slideUp slideDown Effects Using Jquery

Źródło

2015-04-28 13:59:07

Używanie jQuery .hide() z zanikaniem

Odpowiedz

Powiązane problemy