Question

我有一个显示在JQuery对话框中的表格。对话框的高度和宽度属性设置为auto，并且还设置了autoResize属性。

表中有一个与单元格相关联的onclick属性。我发现单击单元格会导致其高度降低。调整对话框大小会消除此效果。

此外，当height属性从auto更改为150时，此效果将被删除。

如何防止这种情况？

JQuery对话框：

$('#success').dialog({
    height: 'auto',
    width: 'auto',
    modal: true,
    draggable: true,
    resizable: true,
    dialogClass: 'pronounceCSS'
});

表格：

<div id="success" title="">
    <table id="pronounceTable" width="100%">
        <tr>
            <td class="placeHolder">Word</td>
            <td class="separator"></td>
            <td class="placeHolder">Pronounce</td>
            <td class="button"><button id="close">C</button></td>
        </tr>
        <tr>
            <td rowspan="2" id="wordToPronounce" class="pronounceContent">Hahaha</td>
            <td rowspan="2" class="separator"></td>
            <td rowspan="2" id="syllableHolder" class="pronounceContent">HooHoo</td>
        </tr>
    </table>
</div>

我还设置了一个JSFiddle here.

Answer 1

表格单元格中的表格单元格存在问题。我不确定你到底意味着什么，但是如果你确定td计数匹配那么问题应该得到解决。请尝试以下内容：

<div id="success" title="">
    <table id="pronounceTable" width="100%">
        <tr>
            <td class="placeHolder">Word</td>
            <td class="separator"></td>
            <td class="placeHolder">Pronounce</td>
            <td class="button"><button id="close">C</button></td>
        </tr>
        <tr>
            <td id="wordToPronounce" class="pronounceContent">Hahaha</td>
            <td class="separator"></td>
            <td id="syllableHolder" class="pronounceContent">HooHoo</td>
            <td></td>
        </tr>
    </table>
</div>

我在这里测试http://jsfiddle.net/83aZ7/11/并没有看到任何问题。否则包括浏览器类型和版本。

JQuery对话框中的表格单元格在单击时减小了大小

1 个答案: