jQuery 加载时 slideDown

jQuery slideDown on load

我正在 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() 吗?

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

你能试试这个吗? $('#details').load($(this).data('url'), { id: $(this).data('id')}, 函数() { $(this) .slideDown('slow'); });

并告诉我们它是否有效。