什么东西破坏了这个jqueryui对话框？是什么？

Question

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

这段代码是有效的：

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

它会产生如下结果：

你可以看到右边框有足够的空间。但你可能没有注意到，所有内容都向左偏了大约5像素。为了解决这个问题，我想减小jquery对话框的宽度5像素，就像这样：

        width:  300,  // decreased by 5

然而出于某些原因，这会破坏对话框。它会产生这样的结果： 如何进一步排除故障？

以下是问题的 JSFiddle：

- nativist.bill.cutting

---

请在 http://jsfiddle.net/ 上展示您的演示。一旦您将演示放在上面，我相信您会在5分钟内得到答案。相信我！ - asharajay

@asharajay 不需要使用jsFiddles。问题需要完全自包含才能在此发布。你的问题依赖于jsFiddle是不可以的，而且你要求他们也是不可以的。 - user229044

@meagar 好的，我只是提醒一下，现在没问题了！ - asharajay

亲爱的，http://jsfiddle.net/c3wFY/11/ 运行良好！ - asharajay

jsfiddle.net/c3wFY/19/ - nativist.bill.cutting

Answer 1

在火狐浏览器中进入开发者模式，逐个检查元素的宽度和其他属性。这将有助于您找到问题所在。

- Sasidharan

---

它不是将8个类放在一起，属性是从8个类继承而来的。您可以记录每个继承的类，然后转到模态CSS并相应地进行更改。 - Sasidharan

就像我说的那样，记下类名并检查其中的属性。你会对此有一个清晰的了解。 - Sasidharan

请查看我发现的一个警告。 - nativist.bill.cutting

Answer 2

事实证明，Firefox浏览器的元素检查器未能检测到file_input元素。不确定原因。由于透明度设置为0，因此无法看到它。复杂的因素是它不能被检查。更准确地说，只有部分元素可以检查。通过删除元素直到对话框变得“不连续”，我发现了这一点。然后，我将这个元素的不透明度增加，以便看到它正在破坏对话框。

如果DOM检查器能够检测到有问题的元素，这个有些冗长的过程可能会缩短。

我将其记录为针对DOM检查器的错误，因为它仅突出显示文件输入的部分，即使检测到它的其他部分。非常误导。

- nativist.bill.cutting