我正在尝试创建一个弹出div，该div在我的应用程序完成任务时出现。ajax任务完成后，我想删除弹出窗口。我一直在复习http://jqueryui.com/demos/dialog/#modal并试图实现类似的解决方案。但是我无法弹出我的div。以下是我创建div的代码：
<div id="progress-indicator">
<img src="<?php echo base_url();?>assets/img/wip.gif" /> Please Wait...
</div>
然后在页面的后面，我有一些javascript来隐藏div，直到有人点击按钮：
$(document).ready(function(){
$('#progress-indicator').hide();
});
$('#saveData').live('click', function() {
//$('#progress-indicator').show();
$( "#progress-indicator" ).dialog({
height: 140,
modal: true
});
});
不幸的是，单击保存按钮时不会弹出窗口。如果你能告诉我哪里出了问题，我将不胜感激。
谢谢！
编辑：
我知道按钮点击事件被触发是因为在尝试创建弹出div之前，我有一行代码只让div在现有页面中可见。这是有效的。例如，以下代码有效：
$(document).ready(function(){
$('#progress-indicator').hide();
});
$('#save').live('click', function() {
$('#progress-indicator').show();
});
除了我想要一个以页面为中心的弹出窗口之外，这个代码运行得很好。
编辑2：顺便说一句，伙计们，我还检查了firefox中的web开发人员控制台，没有生成错误消息。如果有帮助的话。。。此外，我还包括jquery和jquery ui:
<script src="assets/js/jquery-1.8.1.min.js" charset="utf-8"></script>
<script src="assets/js/jquery-ui-1.8.23.custom.min.js"></script>
您关闭文档准备得太早了。带有live或on的click的绑定应在文档中准备好。现在，您的文档准备在第一次隐藏后立即结束。这样，在绑定单击事件时，对话框函数很有可能尚未加载。
这将弹出对话框
<div id="progress-indicator" style="display:none;">
<img src="<?php echo base_url();?>assets/img/wip.gif" /> Please Wait...
</div>
(function ($) {
$('#saveData').click(function() {
$( "#progress-indicator" ).dialog({
height: 140,
modal: true
});
});
})(jQuery);
您需要在click（）事件之前定义对话框。在点击中，您需要调用open（）。
$(document).ready(function(){
$( "#progress-indicator" ).dialog({
height: 140,
modal: true
});
$('#progress-indicator').hide();
$('#save').click( function() {
$('#progress-indicator').dialog('open');
});
});