2

jQuery UI ダイアログに長いテーブルを設定すると、特定のクラスを持つテーブルの最後の行までスクロールしたいと思います。こことこことほぼ同じ投稿が他に 2 つ見つかりましたが、うまくいきません。私はjsFiddleでそれをモックアップしました。誰かが私の考えのエラーを確認するのを手伝ってくれることを願っています。

ここに基本的なコードがあります

    jQuery(document).ready(function() {
    var content = jQuery('#amtz_div').html();
    var title = 'Amortization Schedule';
    var open = function() {
        var container = jQuery(".ui-dialog");
        var target = jQuery('tr.amortized:last');
        container.scrollTop(target.offset().top - container.offset().top + container.scrollTop());
        target.css('background', 'red');
    }
    jQuery("#dialog").attr('title', title).html(content).dialog({
        modal: true,
        width: 400,
        height: 400,
        resizable: false,
        open: open
    });
});

scrollTo プラグイン (上記のリンク先の投稿の 1 つに記載されています) も試しましたが、今ではうまくいきました。

何かご意見は？

4

1 に答える 1

0

それがの新しいバージョンなのjQuery UIか、それとも私たちがこれから離れているのかはわかりませんが、識別子を .ui-dialog から #dialog に変更するとうまくいきます。これが私にも当てはまるかどうかを確認します！

解決

于 2012-06-24T16:27:50.523 に答える