加载时jQuery slideDown

时间:2016-11-03 13:36:47

标签: javascript jquery asp.net-mvc jquery-animate jquery-load

我在jQuery代码中使用ASP.NET MVC加载了一个partialView。 partialView包含有关在我的点击功能中单击的项目的一些说明,并且我想在对象被加载"之后向下滑动解释。

我有以下代码:

;with cte as (
select Accountid,  count(distinct status) as Distcnt from DBFile
group by accountid
)
select * from DBFile where accountid in (select accountid from cte where Distcnt = 1)
and status = 'Invalid_vod'

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

1 个答案:

答案 0 :(得分:2)

这只是因为$()。load()不是立竿见影的。第三个参数是回调,而不是在加载完成时运行,因此,您需要等待向下滑动(未经测试,对不起)。

你能试试吗?     $('#details')。加载($(this).data(' url'),{id:$(this).data(' id' ),function(){$(this).slideDown(' slow');});

并告诉我们它是否有效。