jquery - 无法使用 jQuery 正确设置元素

Question

我无法将 div 的左侧位置之一设置在桌子旁边。我希望“刷新” div 出现在表格的右侧。

这就是我的 HTML 的样子：

<div id="parentDiv">
    <table id="tbl">
        <thead>
            <th>
                Column 1
            </th>
            <th>
                Column 2
            </th>
            <th>
                Column 3
            </th>
        </thead>
        <tbody>
            <tr>
                <td>
                    Value 1
                </td>
                <td>
                    Value 2
                </td>
                <td>
                    Value 3
                </td>
            </tr>
            <tr>
                <td>
                    Value 1
                </td>
                <td>
                    Value 2
                </td>
                <td>
                    Value 3
                </td>
            </tr>
            <tr>
                <td>
                    Value 1
                </td>
                <td>
                    Value 2
                </td>
                <td>
                    Value 3
                </td>
            </tr>

        </tbody>
    </table>
    <div id="refreshing">
        Refreshing.....Please wait
</div>
</div>

这就是我的 java 脚本的样子：

var leftPosition = $('#tbl').position().left + $('#tbl').width() + 20;

$("#refreshing").css({ top: 200, left: leftPosition, position: 'absolute' });

这是 jsFiddle：http: //jsfiddle.net/bdM9y/

Answer 1

我看到了您对动态加载的评论，但您仍然可以通过 css 实现这一点 - 将表格包装在同级 div 中，并将两者都浮动在父 div 内；例如，您可以在父 div 内将“刷新” div 右下方对齐，因此您的表有多少行并不重要

Answer 2

不需要定位，只需将表格包裹在 div 下即可

    <div style="float: left">

http://jsfiddle.net/mastermindw/bdM9y/3/

Answer 3

似乎 IE9 与 jQuery 2.0.2 有问题。（可能在所有 IE 版本中只在 9 中测试过）

它将与：

• jQuery 2.x
• jQuery 1.x
• jQuery 1.9.1