为什么jQuery会删除我的<img>元素？

Question

我正在使用带有BlockUI插件的jQuery来在单击链接后阻止页面.我还使用DOM元素在页面被阻止时显示消息.

这是一个使用代码的简单示例:

<a id="testme" href="#">Click Me</a>

<script type="text/javascript">
    $(document).ready(function() {
        $('#testme').click(function() {
            // Set our message in the message panel....
            $('#progressMessage').text('Please wait!');
            $.blockUI({
                message: $('#progressWidget')
            });
        });
    }
</script>

<div id="progressWidget" style="display:none" align="center">
    <div class="modalUpdateProgressMessage">
        <div id="progressMessage" />
        <img src="spinbar.gif" />
    </div>
</div>

我现在遇到的问题是,当我设置.text()的的<div id="progressMessage" />元素,该<img src="spinbar.gif" />元素似乎得到清除.我已经确认这实际上是使用Firebug发生的.

我也尝试使用a <span>而不是<div>for,progressMessage但结果是一样的.

任何人都可以解释为什么会这样吗？

Answer 1

不要做自动关闭的DIV,它是无效的.