jquery - 使用 $.get 加载内容并向下滑动 updadet 元素

Question

我正在尝试使用 jQuery.get 将数据加载到元素中。加载完成后，应使用该内容更新 div 以便向下滑动内容。

举个例子，请看一下这个小提琴：http: //jsfiddle.net/7BKXq/1/ ..在 那里你可以找到以下 conde：

function loadAndOpen(parent)
{
    var o_parent=$(parent);
    var url="jttp://myurl";
    o_parent.append('<div id="content">...loading...</div>');
     jQuery.get(url,function(data)
                        {
                        o_parent.find('#content')
                            .html(data)
                            .hide()
                            .slideDown('8000');
                        }
                    )   ;
}

问题是，slideDown 在加载内容后显示元素，但不能平滑滑动。

.slideDown 方法的用法可能有误？

谢谢！

Answer 1

我认为您的主要问题是 slideDown 时间周围的单引号，它使它成为字符串而不是整数。

我做了一些编辑，我仍然不喜欢你调用函数的方式，但老实说，我不能用 jQuery 事件观察器做我想做的事：http: //jsfiddle.net/7BKXq/8/

function loadAndOpen(parent){
    var o_parent=$(parent);
    if(o_parent.children().length > 0) o_parent.children().remove();
    var url="http://api.geonames.org/postalCodeLookupJSON?postalcode=6600&country=AT&username=demo";
    o_parent.append('<div id="content">...loading...</div>');
     jQuery.get(url,function(data)
                        {
                        o_parent.find('#content')
                            .slideUp(100, function(){
                                $(this).html(data).slideDown(8000);
                            });
                        });
}