jQuery.after生效

jQuery.after生效,jquery,Jquery,我想问一下,是否有可能使用。后功能与某些效果相关,如fadeIn等 整个流程应如下所示: $('<div></div>').hide().html(ajaxResult).insertAfter(target).fadeIn(); 根据用户操作获取一些AJAX内容(.click左右) 在当前元素之后立即呈现响应html 我已经尝试混合.get、.after、.show或.fadeIn方法,但没有成功 非常感谢您的帮助。当然,您只需在回拨中执行以下操作: $.ajax({

我想问一下,是否有可能使用。后功能与某些效果相关,如fadeIn等

整个流程应如下所示:

$('<div></div>').hide().html(ajaxResult).insertAfter(target).fadeIn();
  • 根据用户操作获取一些AJAX内容(.click左右)
  • 在当前元素之后立即呈现响应html
  • 我已经尝试混合.get、.after、.show或.fadeIn方法,但没有成功


    非常感谢您的帮助。

    当然,您只需在回拨中执行以下操作:

    $.ajax({
       type: 'get',
       url: 'Some\Url',
       data: { prop: 'someData' },
       success: function(response)
       {
            var element = $('<div/>');
            element.html(response);
            element.hide();
    
            $('#someElement').after(element);
            element.fadeIn();
       }
    });
    
    $.ajax({
    键入:“get”,
    url:'Some\url',
    数据:{prop:'someData'},
    成功:功能(响应)
    {
    变量元素=$('');
    html(响应);
    元素。隐藏();
    $('someElement')。在(element)之后;
    元素fadeIn();
    }
    });
    

    获取数据。设置UI,插入该隐藏项,然后对该项调用FadeIn

    当然,您只需在回调中执行此操作:

    $.ajax({
       type: 'get',
       url: 'Some\Url',
       data: { prop: 'someData' },
       success: function(response)
       {
            var element = $('<div/>');
            element.html(response);
            element.hide();
    
            $('#someElement').after(element);
            element.fadeIn();
       }
    });
    
    $.ajax({
    键入:“get”,
    url:'Some\url',
    数据:{prop:'someData'},
    成功:功能(响应)
    {
    变量元素=$('');
    html(响应);
    元素。隐藏();
    $('someElement')。在(element)之后;
    元素fadeIn();
    }
    });
    

    获取数据。设置UI,插入该隐藏项,然后对该项调用FadeIn

    没有一个本地的方法可以做到这一点,但是这个怎么样

    var target = $('#someEl'); // existing element
    $.get('example.php', function(response) {
        var newEl = $(response);
        newEl.hide().insertAfter(target).slideDown('slow');
    });
    
    这将使用以下jQuery函数:


    基本上,我们的想法是先构造元素,然后再将其插入文档(使用),然后插入,然后显示它。

    没有一种本机方法可以做到这一点,但是这样如何

    var target = $('#someEl'); // existing element
    $.get('example.php', function(response) {
        var newEl = $(response);
        newEl.hide().insertAfter(target).slideDown('slow');
    });
    
    这将使用以下jQuery函数:


    基本上,我们的想法是在将元素插入文档之前构造元素(使用),然后插入元素,然后显示元素。

    您应该能够这样做:

    $('<div></div>').hide().html(ajaxResult).insertAfter(target).fadeIn();
    
    $('').hide().html(ajaxResult).insertAfter(target.fadeIn();
    

    ajaxResult
    是从服务器返回的HTML,
    target
    是您的“当前”元素(之后将插入新元素)。

    您应该能够这样做:

    $('<div></div>').hide().html(ajaxResult).insertAfter(target).fadeIn();
    
    $('').hide().html(ajaxResult).insertAfter(target.fadeIn();
    
    ajaxResult
    是从服务器返回的HTML,
    target
    是您的“当前”元素(之后将插入新元素)。

    这很简单

    jQuery.ajax({
    url:"//Your URL//"
    success: function(response){
    jQuery(".defineYOURSELECTOR").after(jQuery(response).fadeIn());
    }
    });
    
    这很容易

    jQuery.ajax({
    url:"//Your URL//"
    success: function(response){
    jQuery(".defineYOURSELECTOR").after(jQuery(response).fadeIn());
    }
    });
    

    @显示一些您尝试的代码。您有代码吗?您需要在后面添加一个元素。不过我不知道你是怎么做的。您是在使用ajax的成功方法进行$(element).after(data)还是什么?@显示一些您尝试的代码您有代码吗?您需要在后面添加一个元素。不过我不知道你是怎么做的。你是在用ajax的成功方法做$(element).after(data)还是什么?非常感谢大家。孤独的解决方案就像一个符咒。非常感谢。非常感谢你们所有人。孤独的解决方案就像一个符咒。非常感谢。