如何在打开时将数据传递给Jquery对话框

时间:2014-06-05 11:38:51

标签: javascript jquery jquery-dialog

我正在尝试在JSP加载时显示Jquery对话框。我检查bean中的标志(showPopupFlag),因此这与用户单击已加载页面上的按钮不同。 我正在尝试使用dialogContent显示一些数据到pop中。 这是否可以将数据发送/推送到对话框(我知道它是),但有些我错过了什么。任何帮助表示赞赏。 - 谢谢

我的HTML代码是

<div id="dialogId" title="JqueryDialogTest"> 
      <div id="dialogContent"></div>
</div>

我收录的Js是

    $(document).ready(function () {
         $(function(){
                $("#dialogId")                   
                .dialog({autoOpen: false,  modal : true} );

         } );

    }); 

    $(function(){       
     if($("#showPopupFlag").val() === "true") {
                $("#dialogContent").html($("#displaySubjectNotFoundPopup").val()); 
                $("#dialogId").dialog("open");
     }
    });

1 个答案:

答案 0 :(得分:0)

您正在弄乱自动执行功能和文档就绪块。所以你可以通过以下方式实现它:

//document ready block
$(document).ready(function () {
       //initialize the dialog ui box
       $("#dialogId").dialog({
                 autoOpen: false,
                 modal: true
             });
     //auto executing function 
    //or you could simply remove the function and let the code block be executed on document ready
    (function(){
         if($("#showPopupFlag").val() == "true") {
                    $("#dialogContent").html("someValue"); 
                    $("#dialogId").dialog("open");
          }
    }());    
    });              

这是演示JSFIDDLE