当前位置: 代码迷 >> .NET相关 >> 一串js代码在外面可以用,在success:function(data)里面失效,如何解决
  详细解决方案

一串js代码在外面可以用,在success:function(data)里面失效,如何解决

热度:246   发布时间:2016-04-24 02:45:03.0
一串js代码在外面可以用,在success:function(data)里面失效,怎么解决
// //登录完毕,最后一块变为“我的”首页
// $(".loadBtn").click(function(){
//
// $(this).parent().parent().fadeOut()
//
// $(this).parent().parent().next().fadeIn(1000)
//
// });

这是原来的,这个点击之后那个版块有切换,然后把它发在下面就不行了,里面的alert都是有反应的,但是那两个语句就失效了
  var lx=1;

   //1.登录
        $(".loadBtn").click(function(){ 

            lx=1;
            var uname=$("#uname").val()
            var pwd=$("#Pwd").val()
            $.ajax({
                    url:"index.ashx",
                    type:"POST",
                    data:{"type":lx,"name":uname,"password":pwd},      
//            dataType: "text",   
            success:function(data){
                if(data=='2')
                {alert('登录失败')
                 $(this).parent().parent().fadeOut()

$(this).parent().parent().next().fadeIn(1000)
                }
               else 
                {
              
$(this).parent().parent().fadeOut()

$(this).parent().parent().next().fadeIn(1000)
              alert('登录')
                }
            }
           
        });
    
    });
------解决思路----------------------
$(this)用错了啊

你应该先定义
var _THIS = $(this);


$(".loadBtn").click(function(){ 
var _THIS = $(this);
            lx=1;
            var uname=$("#uname").val()
            var pwd=$("#Pwd").val()
            $.ajax({
                    url:"index.ashx",
                    type:"POST",
                    data:{"type":lx,"name":uname,"password":pwd},      
//            dataType: "text",   
            success:function(data){
                if(data=='2')
                {alert('登录失败')
                _THIS.parent().parent().fadeOut()

_THIS.parent().parent().next().fadeIn(1000)
                }
               else 
                {
              
_THIS.parent().parent().fadeOut()

_THIS.parent().parent().next().fadeIn(1000)
              alert('登录')
                }
            }
           
        });
    
    });
 
  相关解决方案