単純なjqueryダイアログボックスは入力を作成できません

Question

ダイアログボックス内に入力ボックスを作成するのに役立つかもしれませんか？私はjquery-ui.jsを使用しています。これは私のコードです：

$(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

あなたがこの試すことができます：

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