jQuery: Цепочка событий — исправление кода

Может ли кто-нибудь сказать мне, как я могу заменить функцию слайда на постепенное исчезновение («медленно») для приведенного ниже кода.

 div.slideUp(function() {        
        div.load("GetResults.aspx?mode=bymanu&mid="+manuId,
                         { symbol: $("#txtSymbol" ).val() },
                           function() {
                           $(this).slideDown();                               
                       });

Вместо slideUp я хочу использовать функцию FadeOut со скоростью. Как я могу связать события?

Я также хочу заменить SlideDown на FadeIn('slow')

Заранее спасибо...


events jquery chaining
person Shyju    schedule 27.05.2009    source источник

Ответы (2)


arrow_upward
3
arrow_downward

документы jQuery на самом деле являются действительно хорошим местом для проверки синтаксиса, подобного этому.

div.fadeOut('slow', function() {        
    div.load(
        "GetResults.aspx?mode=bymanu&mid="+manuId,
        { symbol: $("#txtSymbol" ).val() },
        function() {
            $(this).fadeIn('slow');                               
        }
    );
});
person nickf    schedule 27.05.2009
comment
Спасибо, nickF. Что здесь делает этот символ: $(#txtSymbol).val()? - person Shyju; 27.05.2009
comment
Он находит объект с id=textSymbol. Похоже, вы новичок в jQuery, так как это основные строительные блоки инструментария, поэтому я рекомендую ознакомиться с некоторыми учебниками: webtecker.com/2008/06/02/beginner-jquery-tutorials - person nickf; 28.05.2009
comment
эээ.. это должно быть txtSymbol - person nickf; 28.05.2009

arrow_upward
0
arrow_downward

SelectorGadget действительно работает. Это позволяет вам изменять свой выбор с каждым щелчком мыши по разделам страницы. Вы загружаетесь через ярлык следующим образом:

javascript:(function(){var%20s=document.createElement('div');s.innerHTML='Loading...';s.style.color='black';s.style.padding='20px';s.style.position='fixed';s.style.zIndex='9999';s.style.fontSize='3.0em';s.style.border='2px%20solid%20black';s.style.right='40px';s.style.top='40px';s.setAttribute('class','selector_gadget_loading');s.style.background='white';document.body.appendChild(s);s=document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('src','http://www.selectorgadget.com/unstable/lib/selectorgadget_edge.js?raw=true');document.body.appendChild(s);})();

На сайте есть отличная демонстрация.

person David Robbins    schedule 27.11.2009