jquery - 高さを変更した後の jQuery ダイアログのすぐ下の灰色の境界線

Question

次のように行を削除できる場合、jQuery UI ダイアログがあります。

ダイアログ UI で行が削除されると、ダイアログのすぐ下に次のような灰色の境界線が表示されます。

マウスをページの上に移動すると、この灰色の境界線が消えますが、コードですぐに行うことを好みます。

ダイアログを再描画または更新する必要があると思います。

方法はありますか？

ありがとう。

Answer 1

私はついに自分で解決策を見つけました。

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

ダイアログの高さが変更された後に、このコードを呼び出します。

Answer 2

ダイアログ コンテンツの行を削除するときは、高さをもう一度設定する必要があります。以下は私の理解によるスクリプトであり、それに応じて使用します。

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

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

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

    });

});

これで問題が解決することを願っています