jquery - jQueryで要素を正しく設定できません

Question

テーブルの横にある div の左の位置の 1 つを設定できません。「さわやかな」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

IE9 は jQuery 2.0.2 に問題があるようです。(9 でのみテストされたすべての IE バージョンにある可能性があります)

それはで動作します：

• jQuery 2.x
• jQuery1.x
• jQuery1.9.1