Question

我想问一下，是否可以使用.after函数与fadeIn等一些效果相关联。

整个流程应该像这样：

获取一些AJAX内容取决于用户操作（.click左右）
在当前元素之后立即呈现响应html

我已经尝试混合.get，.after，.show或.fadeIn方法，但没有成功。

非常感谢任何帮助。

Answer 1

很容易

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

Answer 2

当然，你可以在回调中做到这一点：

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

获取数据。设置UI，插入隐藏的，然后在该项目上调用FadeIn。

Answer 3

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

var target = $('#someEl'); // existing element
$.get('example.php', function(response) {
    var newEl = $(response);
    newEl.hide().insertAfter(target).slideDown('slow');
});

这使用以下jQuery函数：

基本上，我们的想法是在将元素插入文档（使用jQuery constructor $）之前构造元素，然后插入它，然后显示它。

Answer 4

你应该能够这样做：

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

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

jQuery。以后有效

4 个答案: