javascript - 加载时的 jQuery slideDown

Question

我正在我的 jQuery 代码中使用 ASP.NET MVC 加载一个 partialView。 partialView 包含一些关于在我的点击功能中点击的项目的解释，我希望一旦对象被“加载”，解释就会向下滑动。

我有以下代码:

$('.details').click(function(){ 
    $('#details').load($(this).data('url'), { id: $(this).data('id')}).slideDown('slow'); 
    //the slidedown part doesn't seem to work.
});

但是 .slideDown() 似乎不起作用。我怎么能得到这个？我应该改用 .animate() 吗？

谢谢!

编辑

我发现一些问题说我可能需要先.hide()它。这似乎可行，但是当完成 .load() 后随着一些文本更新而向下滑动时，“元素”似乎没有完全加载。

有什么方法可以在加载完成后运行 .slideDown() 吗？

Answer 1

这只是因为 $()​​.load() 不是立即的。还有第三个参数是加载完成后回调，所以需要等待下滑(没测试，不好意思)。

你能试试这个吗？ $('#details').load($(this).data('url'), { id: $(this).data('id')}, function() { $(this).slideDown('慢'); });

并告诉我们它是否有效。