我在单击链接后使用带有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实际上正在发生这种情况。我也尝试过使用
<span>
代替<div>
代替progressMessage
,但是结果是相同的。谁能解释为什么会这样?
最佳答案
不要执行自动关闭DIV,这是无效的。