jQuery:链接事件 - 代码更正

Posted

技术标签:

【中文标题】jQuery:链接事件 - 代码更正【英文标题】:jQuery: Chaining Events - code correction 【发布时间】: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

提前谢谢...

【问题讨论】:

【参考方案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);)();

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

【讨论】:

以上是关于jQuery:链接事件 - 代码更正的主要内容,如果未能解决你的问题,请参考以下文章

Jquery要怎样触发某个链接点击事件

jquery datetimepicker事件如何调用

做一个超链接,点击超链接通过事件触发显示“你好”,用jquery实现事件机制

jquery为链接a元素注册click事件并避免跳转现象

jquery_事件

延迟jquery悬停事件?