Asp.net mvc OnBegin和Success的jquery动画被中断,不再平滑

Asp.net mvc OnBegin和Success的jquery动画被中断,不再平滑,asp.net-mvc,jquery,Asp.net Mvc,Jquery,因为我做了一个改变: 当我单击这三个链接之一时,以下代码不再提供平滑的淡入/淡出动画:为什么 那个 函数OnBeginStuff(){ 美元("填充面板),法德托("慢",0.50),; } 函数OnCompleteStuff(){ $(“填充面板”).fadeTo(“慢速”,1.00); } $(文档).ready(函数(){ $('.mainLink',$('#导航面板')。单击(函数(e){ e、 预防默认值(); $.ajax({ url:$(this.attr('href'), 发送

因为我做了一个改变: 当我单击这三个链接之一时,以下代码不再提供平滑的淡入/淡出动画:为什么 那个

函数OnBeginStuff(){ 美元("填充面板),法德托("慢",0.50),; } 函数OnCompleteStuff(){ $(“填充面板”).fadeTo(“慢速”,1.00); } $(文档).ready(函数(){ $('.mainLink',$('#导航面板')。单击(函数(e){ e、 预防默认值(); $.ajax({ url:$(this.attr('href'), 发送前:开始发送时, 完成:OnCompleteStuff, 成功:函数(html){ $('#StuffPanel').html(html); } }); }); }); @ActionLink(“1”,“Index”,“One”,null,new{@class=“mainLink”}) @ActionLink(“2”,“Index”,“Two”,null,new{@class=“mainLink”}) @ActionLink(“3”,“Index”,“Three”,null,new{@class=“mainLink”}) @RenderBody()
您使用
#导航面板
.mainLink
取消单击功能有什么原因。
试试这个

$('.mainLink').click(function (e) {
                e.preventDefault();
                $.ajax({
                    url: $(this).attr('href'),
                    beforeSend: OnBeginStuff,
                    complete: OnCompleteStuff,
                    success: function (html) {
                        $('#StuffPanel').html(html);
                    }
                });
            });
或者,如果需要同时使用两个选择器,则将此行添加到click事件处理程序
e.stopPropagation()
e.preventDefault()之后
通过这种方式,事件的冒泡将被停止,并且只会发送对
ajax
OnBeginStuff
OnCompleteTestuff
的单个调用。

您是否有任何理由同时使用
导航面板和
mainLink
来取消单击功能。
试试这个

$('.mainLink').click(function (e) {
                e.preventDefault();
                $.ajax({
                    url: $(this).attr('href'),
                    beforeSend: OnBeginStuff,
                    complete: OnCompleteStuff,
                    success: function (html) {
                        $('#StuffPanel').html(html);
                    }
                });
            });
或者,如果需要同时使用两个选择器,则将此行添加到click事件处理程序
e.stopPropagation()
e.preventDefault()之后
通过这种方式,事件的冒泡将被停止,并且只发送对
ajax
OnBeginStuff
OnCompleteTestuff
的单个调用。

@mario l将3个ajax.actionlinks切换到3个html.actionlinks,并使用jquery将它们轴化。抱歉,这是正确的链接:@mario l从3个ajax.actionlinks切换到3个html.actionlinks,并用jquery将其ajaxified。抱歉,这是正确的链接:抱歉,今天早上我的SSD崩溃了。只能在下周末测试您的解决方案。但是afair我以前使用过相同的代码,也有相同的动画问题。好的,回来。原来的问题似乎消失了。淡入淡出动画再次平滑。但是现在我有一个新问题,哈哈。。。新帖子…谢谢你,亲爱的。很抱歉今天早上我的SSD坏了。只能在下周末测试您的解决方案。但是afair我以前使用过相同的代码,也有相同的动画问题。好的,回来。原来的问题似乎消失了。淡入淡出动画再次平滑。但是现在我有一个新问题,哈哈。。。新帖子…谢谢你。