javascript - "Something"破坏了这个 jqueryui 对话框。它是什么？

Question

我不想含糊其辞，但我不确定发生了什么。

此代码有效:

this.J.button_update.click(function () {
    self.J.dialog_hold.dialog({
        resizable: false,
        modal: true,
        width:  305,
        height: 360
    });
});

它产生:

如您所见，右边框有足够的空间。你可能没有注意到我所有的内容都偏离了中心大约 5px。为了解决这个问题，我想我只是将 jquery 对话框宽度减少 5px:

        width:  300,  // decreased by 5

然而，由于某种原因，这打破了对话。它产生这个:

如何进一步排除故障？

下面提供了问题的 fiddle :

Answer 1

在 firefox 中进入开发者模式，一个一个地检查元素的宽度和其他属性。这将帮助您找到问题。