jQuery：链接事件 - 代码更正答案

【问题标题】：jQuery: Chaining Events - code correctionjQuery：链接事件 - 代码更正
【发布时间】：2010-10-29 05:01:51
【问题描述】：

谁能告诉我如何用fadeout('slow')替换下面代码的slideup函数

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

我想快速使用 FadeOut 功能，而不是 slideUp。如何链接事件？

我也想用 FadeIn('slow') 替换 SlideDown

提前谢谢...

【问题讨论】：

标签： jquery events chaining

【解决方案1】：

jQuery docs 实际上是检查此类语法的好地方。

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

【讨论】：

谢谢 nickF 。这个符号：$("#txtSymbol" ).val() 实际上在这里做什么？
它找到一个 id="textSymbol" 的对象。看来您对 jQuery 很陌生，因为这是工具包的基本构建块，所以我建议您看一些教程：webtecker.com/2008/06/02/beginner-jquery-tutorials
呃..应该是“txtSymbol”

【解决方案2】：

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);})();

该网站有一个很棒的演示。

【讨论】：