在动态div中附加动态段落

Question

I had created a dynamic div and paragraph in dialog box to show confirmation while submitting the form. 我已经在对话框中创建了一个动态div和段落，以在提交表单时显示确认信息。 How to append the dynamic paragraph inside the dynamic div, Please help me on this. 如何在动态div内附加动态段落，请对此提供帮助。

Thanks in Advance. 提前致谢。

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Jquery Confirm Dialog</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
        <script src="JQUERY/jquery-ui.js"></script>
        <style type="text/css">
                .ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-buttonpane { font-size: 0.8em; }
        </style>
        <script type="text/javascript">
            $(document).ready(function ()
            {
                $("#ShowDivPopup").click(function ()
                {
                    var DynamicDiv = $('<div id="dynamicPopupDiv" style="width: 340px;height: 380px;background-color:#fff;display: none"></div>');
                    var Message = $('<p>Are you Sure</p>');

                    $('body').append(DynamicDiv);
                    $('#DynamicDiv').append(Message);
                    $("#dynamicPopupDiv").dialog(
                    {
                        modal: true,
                        height: 180,
                        width: 320,
                        title: 'Info',
                        closeOnEscape: false,
                        resizable: false,
                        draggable: true,
                        buttons: {
                            "Ok": function ()
                            {
                                alert("Submit form ");

                            },
                            "Cancel": function ()
                            {
                                $(this).dialog('close');
                            }
                        }
                    });
                });
            });

        </script>   
    </head>
    <body>
        <form id="myForm" method="post" action="return welcome()">
            <div id="ConFirmDiv" style="width: 340px;height: 380px;background-color:#fff;display: none">
                <span>Are You Sure Want to Submit</span>
            </div>
            <input type="button" id="ShowDivPopup" value="Show Popup" />
       </form>
    </body>
</html>

Answer 1

You want to refer to the DynamicDiv object not the literal: 您要引用DynamicDiv对象而不是文字：

$(DynamicDiv).append(Message);

or: 要么：

$("#dynamicPopupDiv").append(Message);

You called your ID dynamicPopDiv, therefore when you reference $("#DynamicDiv") it doesn't return the jQuery object. 您调用了您的ID dynamicPopDiv，因此当您引用$（“＃DynamicDiv”）时，它不会返回jQuery对象。

Answer 2

var DynamicDiv = $('<div id="dynamicPopupDiv" style="width: 340px;height: 380px;background-color:#fff;display: none"></div>');
var Message = $('<p>Are you Sure</p>');

DynamicDiv.append(Message)
$('body').append(DynamicDiv);

在动态div中附加动态段落

问题描述

2 个解决方案

解决方案1
1 已采纳 2013-02-20 09:27:06

解决方案2
0 2013-02-20 09:30:33

在动态div中附加动态段落

问题描述

2 个解决方案

解决方案1 1 已采纳 2013-02-20 09:27:06

解决方案2 0 2013-02-20 09:30:33

解决方案1
1 已采纳 2013-02-20 09:27:06

解决方案2
0 2013-02-20 09:30:33