1

单击链接后，我正在使用带有 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()元素似乎被删除了。我已经验证这实际上是使用 Firebug 发生的。<div id="progressMessage" /><img src="spinbar.gif" />

我也尝试过使用 a<span>而不是<div>forprogressMessage但结果是一样的。

谁能解释为什么会这样？

4

4 回答 4

5

不要做一个自动关闭的DIV，它是无效的。

于 2009-05-07T14:01:32.333 回答
2

自闭是问题

$("#selector").append("<div>"); //fail

$("#selector").append("<div/>"); //fail

$("#selector").append("<div></div>"); //SUCCESS!
于 2009-05-07T14:05:09.687 回答
1

分配文本时，div id="progressMessage" 会覆盖 img。<div id="progressMessage"></div>改为使用

于 2009-05-07T14:04:21.310 回答
0

您可以使用 .append 添加文本

$('#progressMessage').text('Please wait!');

。附加（）

于 2009-05-07T13:59:46.033 回答