Javascript &引用;“什么?”;正在破坏这个jqueryui对话框。这是怎么一回事?

Javascript &引用;“什么?”;正在破坏这个jqueryui对话框。这是怎么一回事?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不想含糊其辞,但我不确定发生了什么事 此代码适用于: this.J.button_update.click(function () { self.J.dialog_hold.dialog({ resizable: false, modal: true, width: 305, height: 360 }); }); 它产生: 正如你所看到的,右边的边界上有很大的空间。您可能没有注意到的是,我所有的内容都偏离中

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

此代码适用于:

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
但是,由于某些原因,这会中断对话框。它产生了以下结果:

如何进一步排除故障


下面提供了一些问题:

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

事实证明firefox浏览器元素检查器没有检测到文件输入元素。不知道为什么。由于不透明度设置为0,因此无法看到它。复杂的因素是它无法被检查。或者更准确地说,只有部分元素是可检查的。我发现这是通过删除元素,直到对话框变得“完整”。然后,我将该元素的不透明度调高,以查看它是否破坏了对话框

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


我将把它作为一个针对DOM检查器的bug进行归档,因为它只突出显示文件输入的一部分,即使它检测到文件输入的另一部分。非常有误导性。

这不是放8个类,属性是从8个类继承的。你可以记下每个继承的类,然后转到模式css并进行相应更改。正如我所说的,记下类名并检查其中的属性。你会得到一个关于它的清晰图片。请查看我找到的警告的答案。要显示您的演示plz。。。一旦你把你的演示放在上面。我相信你会在5分钟内得到答案。相信我@asharajay JSfiddle从来都不是必需的。A问题需要完全独立才能发布在此处。你的问题依赖于JSFIDLE是不行的,你要求他们也是不行的。@meagar OK。我只是建议,现在好了!工作很好,亲爱的!jsfiddle.net/c3wFY/19/