onload - 滚动到打开时在 jQuery 对话框中具有类的最后一行

Question

用一个较长的表填充一个 jQuery UI 对话框，我想让它滚动到具有特定类的表中的最后一行。我在这里和这里发现了几乎与此相同的另外两个帖子，但我无法让它工作。我在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 插件（在上面链接的帖子之一中提到），但现在运气更好了。

有什么想法吗？

Answer 1

我不确定它是新版本jQuery UI还是我们已经远离这个，但在你的情况下将标识符从 .ui-dialog 更改为 #dialog 工作。我要看看这是否也适合我！

解决方案