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

Question

我试图在 JSP 加载时显示 Jquery 对话框。我检查 bean 中的标志 (showPopupFlag)，因此这与用户单击已加载页面上的按钮不同。我试图在使用对话框内容显示时将一些数据推送到弹出窗口中。是否可以将数据发送/推送到对话框(我知道是)，但我缺少一些东西。任何帮助表示赞赏。 - 谢谢

我的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");
     }
    });

Answer 1

您搞乱了自动执行功能和文档就绪 block 。所以你可以通过以下方式实现它:

//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