Randomization form

Question 1

你正在动态地将对话框的div#dialog插入到dom中，但jquery没有意识到这一点。Jquery没有找到dom上的div#dialog，所以它产生了错误。

你所要做的就是在页面加载时对div#dialog进行初始化，这样它就会出现在dom上。

你必须对div#dialog做style css，这样它就不会显示出来，除非你真的想显示。

要显示出来，你可以只用$('#dialog').show()，当你想切换时调用hide()。

Question 2

我试着用一个 "最简单 "的例子，我成功了! 我迷路了！！！。

<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Dialog - Default functionality</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
    $(document).ready(function() {
        $("#randomize").click(function(event){
            //afficher popup -> créer une fonction et ajouter le numéor du patient en paramètre 
            //pour personnaliser le popup
            $('body').append('<div id="dialog"></div>');
            $("#dialog").html('Do you confirm randomization?');
            console.log($('#dialog'))
            $( "#dialog" ).dialog({
                title: 'Intense TBM Randomization',
                modal: true,
                buttons: {
                    Yes: function() {
                        $( this ).dialog( "close" );
                    Cancel: function() {
                        $( this ).dialog( "close" );
  // $( function() {
  //   $( "#dialog" ).dialog();
  // } );
  </script>
</head>
<button id="randomize" type="submit" class="btn btn-primary">Randomize</button> 
</body>