0

jQuery.getを使用して要素にデータを読み込もうとしています。ロードが完了したら、コンテンツをスライドダウンするために、そのコンテンツでdivを更新する必要があります。

例として、このフィドルを見てください：http://jsfiddle.net/7BKXq/1/ ..次のコンデを見つけることができます：

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メソッドの誤った使用法がありますか？

ありがとうございました！

4

1 に答える 1

0

あなたの主な問題は、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);
                            });
                        });
}
于 2012-03-02T17:04:07.660 に答える