调用了JQuery dialog,现在想动态改变对话框的内容,但怎么也实现不了,请各位帮忙,代码如下:
<div id="dialog-confirm" title="Empty the recycle bin?" style="display: none">
 <p>
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;" id="sp_eco"></span>
</p>
</div>
<script>
$("#dialog-confirm").dialog(
{
    autoOpen: false
 }
  );            $(function() {
                // 初始化
                $("#reply_btn1").click(function() {
                  isECOExist();
                    $("#dialog-confirm").dialog("open");
                    
                });                // 初始化对话框
             $("#dialog-confirm").dialog(
             {
                 modal: true,             // 创建模式对话框
                 autoOpen: false,
                 buttons: {
                     "Ok": function() {
                          $(this).dialog('close');
                     },
                     "Cancel": function() {
                         $(this).dialog('close');
                     }
                 }
             });            });
            </script><script type="text/javascript" language=javascript>
    function isECOExist()
    {
                    var dg=document.all.eco_grid;
        if (dg==null)
        {                document.getElementById("sp_eco").innerHTML ="test?";
            //alert(document.getElementById("sp_eco").innerHTML);
        }
        else
        {
            document.getElementById('sp_eco').innerText="Do you confirm to save?";
        }
    }
</script>

解决方案 »

  1.   

    先把对话框里的内容清空,然后再插入你想要的代码,重新初始化对话框$('#dialog-confirm').html('');
    $('#dialog-confirm').append('新的内容');
    // 重新初始化对话框
      $("#dialog-confirm").dialog(
      {
      modal: true, 
      autoOpen: false,
      buttons: {
      "Ok": function() {
      $(this).dialog('close');
      },
      "Cancel": function() {
      $(this).dialog('close');
      }
      }
      });  });