将fadeIn添加到Jquery并将内容加载到DIV

我有以下代码：

$('.LINK').on('click', function (event) {
    event.preventDefault();

$('#Grid').load($(this).attr('href') + ' .project_thumb');
});

这很好用。我所要做的就是说“加载。带淡入的拇指项目”——我已经试过了

$('#Grid').load($(this).attr('href') + ' .project_thumb');
$(.project_thumb).fadeIn();

及

及

---

但这些都不管用。请注意，我试图针对的是内容（.project_thumb），而不是网格容器。有人能帮忙吗？

你好，你可以这样做

$('.LINK').on('click', function (event) {
    event.preventDefault();
    var html = $.load($(this).attr('href'));

    $('#Grid').html(html).fadeIn(5000);
});

---

希望这能有所帮助。

也许a会让你和我们的生活都变得更轻松？：）您可以将回调添加到

.load（）

谢谢，因为我正在将内容（.project_thumb）加载到#网格中，所以我这样添加了它，但似乎不起作用$（'.LINK'）。on（'click'，function（event）{event.preventDefault（）；$（'#Grid'）。load（$（this.attr（'href'）+'.project_thumb'）），function（）{$（this.fadeIn（）））；但我正在尝试将.project#thumb加载到#网格中，而不是整个html文档中。我想淡入.project#thumb，而不是#网格。您可以显示从url得到的结果吗？您使用的语法是错误的。您不能在加载函数中添加类，因为它只获得url和回调函数。因此您有此选项。

$（'project_thumb'）.load（$（this.attr（'href'））.fadeIn（5000）；

我已将您的代码应用于：$（'.LINK'）。on（'click'，function（event）{event.preventDefault（）；$（'.project_thumb'）.load（$（this.attr（'href'））.fadeIn（5000）；）；但这会抛出一个404页面未找到。原始语法有效，我只是不知道如何添加淡入淡出。无论如何，我正在尝试加载。投影到网格中，您发布的代码没有提到网格。然后在答案中使用我的原始代码，并在

事件后添加此行
$（“#网格”）.hide（）
；

line。实际上

fadeIn（）

函数作用于显示设置为无的元素。As

fadeIn（）

将显示更改为块，但带有动画。

$('#Grid').fadeIn().load($(this).attr('href') + ' .project_thumb');

$('.LINK').on('click', function (event) {
    event.preventDefault();
    var html = $.load($(this).attr('href'));

    $('#Grid').html(html).fadeIn(5000);
});