简单的jQuery对话框无法创建输入

Question

may any one help me create a input box inside my dialog box? i am using the jquery-ui.js. this is my code:

 $(document).on("click",".savebtn",function().        {
        var id = $(this).attr("id");

            $.dialog({
                title: "Activation date ",
                  content:"Activation date ",                                    
               create: function() {
                  $("#inputBox").val();
                },
                  closeBack:function(){
                    $.dialog.message({
                      content: "The id is "+ id
                    });
                  },
                  buttons:[
                    {
                      text:"Click me"
                    }
                  ]
            });
    });

Answer 1

You can try this:

Fiddle

HTML:

<div id='dialog' style='display: none;'>
  <input type="text" />
</div>

<button>
  Click Me!
</button>

Jquery:

$(document).ready(function() {
  $("button").click(function() {
    $("#dialog").dialog({
      resizable: false,
      modal: true,
      title: "My Awesome Title",
      buttons: {
        "Do Something": function() {
          alert("Do something if I was clicked.");
        },
        Cancel: function() {
          alert("Dialog Canceled");
          $(this).dialog("close");
        }
      }
    });
  });
});