小编Xio*_*ark的帖子

我正在使用自定义jQuery 1.10.3主题.我从主题滚筒直接下载,我故意没有改变任何东西.

我创建了一个对话框,我得到一个空的灰色方块,其中关闭图标应为:

我比较了在我的页面上生成的代码:

<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
    <spanid="ui-id-2" class="ui-dialog-title">Title</span>
    <button class="ui-dialog-titlebar-close"></button>
</div>

在Dialog Demo页面上生成的代码:

<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
    <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span>
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close">
        <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
        <span class="ui-button-text">close</span>
    </button>
</div>

编辑:代码的不同部分是由jQueryUI 生成的,而不是我,所以我不能只是添加span标签而不编辑jqueryui js文件,这似乎是一个糟糕/不必要的选择,以实现正常的功能.

以下是用于生成代码部分的javascript:

this.element.dialog({
    appendTo: "#summary_container",
    title: this.title(),
    closeText: "Close",
    width: this.width,
    position: {
        my: "center top",
        at: ("center top+"+(window.innerHeight*.1)),
        collision: "none"
    },
    modal: false,
    resizable: false,
    draggable: false,
    show: "fold",
    hide: "fold", …

我只是全新安装:我下载并安装了JDK和GGTS.然后我创建了一个新的Grails 2.3.7项目,我收到下面的错误消息.这是一个已知问题还是我做错了什么？

Command terminated with an exception: java.lang.Exception (see details for partial output) Command: GrailsCommand(P/MangaReader> compile --non-interactive --refresh-dependencies) ---- System.out ---- Loading Grails 2.3.7 . |Environment set to development .......... |Compiling 79 source files .Error | Compilation error: startup failed: C:\Users\\Documents\workspace-ggts-3.5.0.RELEASE\MangaReader\target\work\plugins\database-migration-1.3.8\grails-app\controllers\grails\plugin\databasemigration\DbdocController.groovy: -1: Repetitive method name/signature for method 'java.lang.Object withFormat(groovy.lang.Closure)' in class 'grails.plugin.databasemigration.DbdocController'. @ line -1, column -1. C:\Users\\Documents\workspace-ggts-3.5.0.RELEASE\MangaReader\target\work\plugins\database-migration-1.3.8\grails-app\controllers\grails\plugin\databasemigration\DbdocController.groovy: -1: Repetitive method name/signature for method 'java.lang.Object withFormat(groovy.lang.Closure)' in class 'grails.plugin.databasemigration.DbdocController'. @ line -1, column -1. 2 errors Error | org.codehaus.groovy.grails.cli.ScriptExitException Error …

我觉得我失去了一些东西。我有一个<table>设置width: 100%;，并添加 CSS 以防止列变得比 50px 窄。这是一个简单的场景。

我的问题是，应用了最小宽度的列会变得更宽，即使它已经比最小宽度值宽。

问题示例：我应用min-width: 50px;到td宽度为 123px 的元素，td宽度增加到 167px。我希望应用于min-width: 50px;渲染宽度为 123px 的元素不会更改元素宽度。

可以通过运行以下代码并按照以下步骤重现我的问题：

1. 检查表格第一列的宽度
2. 验证列的宽度是否大于 50px
3. 如果第一列的宽度小于 50 像素，请增加浏览器窗口的宽度。
4. 当第一列的显示宽度大于50px时，单击表格下方的按钮。
5. 第一列的宽度应该增加，尽管不小于最小宽度值。

注意：单击该按钮将切换应用于形成表格第一列的表格单元格（th 和 td 元素）的类。班级适用min-width: 50px;。

任何不影响计算宽度大于 50px 且width: auto;设置时style 属性的表格单元格（th 或 td）的计算宽度的解决方案都将视为解决了该问题min-width: 50px。

我使用的是 Google Chrome 版本 46.0.2490.80 m。

任何帮助/见解将不胜感激。谢谢。

$("button").click(function() {
  $("table tr > *:nth-child(1)").toggleClass("min-width-test")
});

table {
  width: 100%;
}
table,
table * {
  border: 1px …