jquery - 高度更改后，我的 jQuery 对话框正下方的灰色边框

Question

当我可以像这样删除一行时，我有一个 jQuery UI 对话框：

在我的对话框 UI 上删除该行时，我会在对话框下方看到一种灰色边框，如下所示：

如果我将鼠标悬停在页面上，这个灰色边框会消失，但我更喜欢通过代码立即完成。

我想我需要重新绘制或刷新对话框。

知道怎么做吗？

谢谢。

Answer 1

当您删除该行对话框内容时，您需要再次设置高度。以下是根据我的理解编写的脚本并相应地使用它。

$(document).ready(function(){
    var box = $("#example").dialog();

    $("row").click(function(){
       //existing stuff to delete row.

       box.dialog("option", "height", $("#example").height());

    });

});

希望这能解决您的问题

Answer 2

我终于自己找到了解决方案。

$('#modal-dialog').toggleClass("hovered");

在对话框的高度改变后调用此代码。