Javascript 类型错误：'；未定义'；不是函数（计算'；$（“wnd”u Addparam）对话框'；）_Javascript_Jquery_Jquery Ui_Dialog

Javascript 类型错误：'；未定义'；不是函数（计算'；$（“wnd”u Addparam）对话框'；）

javascript jquery jquery-ui

Javascript 类型错误：'；未定义'；不是函数（计算'；$（“wnd”u Addparam）对话框'；）,javascript,jquery,jquery-ui,dialog,Javascript,Jquery,Jquery Ui,Dialog,我在两个月前就有了这个例子，我换了电脑。现在这似乎不再有效了。这是一个通过（在）按下按钮来加载小窗口对话框的示例。但是，它不起作用。。。这是我的代码： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> // &l

我在两个月前就有了这个例子，我换了电脑。现在这似乎不再有效了。这是一个通过（在）按下按钮来加载小窗口对话框的示例。但是，它不起作用。。。这是我的代码：

<html>
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script type="text/javascript">
// <---- VENTAÑAS DE PARAMETERES---->

var regex,v,l,c,b;
$( "#wnd_Addparam" ).dialog({
            autoOpen: false,
            height: 'auto',
            width: 350,
            modal: true,
            resizable:false,
            buttons: {
                "Add": function() {
                                $( this ).dialog( "close" ); 
                                   },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
            close: function() {
                $( this ).dialog( "close" );
            }
        });

        $( "#btn_Addpar" ).click(function() {
                $( "#wnd_Addparam" ).dialog( "open" );
            });
$( "#wnd_Paramedit" ).dialog({
            autoOpen: false,
            height: 'auto',
            width: 350,
            modal: true,
            resizable:false,
            buttons: {
                "Accept": function() {
                      $( this ).dialog( "close" );  

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

        $( "#btn_Pedit" ).click(function() {
                $( "#wnd_Paramedit" ).dialog( "open" );
            });
$( "#wnd_Borpara" ).dialog({
            autoOpen: false,
            height: 'auto',
            width: 300,
            resizable:false,
            modal: true,
            buttons: {
                "Accept": function() {
                    $(this).dialog("close");

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

        $( "#btn_Deletepara" ).click(function() {
                $( "#wnd_Borpara" ).dialog( "open" );
            });

</script></head>
<!--<form method="POST" id="iformp" name="nformp">-->
<body>
<h3>List of parameters</h3>
<div id="sortparam" >
</div>
 <input type="button" id="btn_Addpar" value="Add"/>
<input type="button" id="btn_Deletepara" value="Delete"/>
<input type="button" id="btn_Pedit" value="Edit"/>
<!--<form>-->

</body>

</html>


// 
var regex，v，l，c，b；
$（“#wnd#u Addparam”）。对话框({
自动打开：错误，
高度：“自动”，
宽度：350，
莫代尔：是的，
可调整大小：false，
按钮：{
“添加”：函数（）{
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
},
关闭：函数（）{
$（此）.dialog（“关闭”）；
}
});
$（“#btn_Addpar”）。单击（函数（）{
$（“wnd#u Addparam”）。对话框（“打开”）；
});
$（“#wnd#u参数编辑”）。对话框({
自动打开：错误，
高度：“自动”，
宽度：350，
莫代尔：是的，
可调整大小：false，
按钮：{
“接受”：函数（）{
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
},
关闭：函数（）{
$（此）.dialog（“关闭”）；
}
});
$（“#btn_Pedit”）。单击（函数（）{
$（“#wnd#u参数编辑”）。对话框（“打开”）；
});
$（“#wnd#u Borpara”）。对话框({
自动打开：错误，
高度：“自动”，
宽度：300，
可调整大小：false，
莫代尔：是的，
按钮：{
“接受”：函数（）{
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
},
关闭：函数（）{
$（此）.dialog（“关闭”）；
}
});
$（“#btn_Deletepara”）。单击（函数（）{
$（“wnd#u Borpara”）。对话框（“打开”）；
});
参数清单

请。。为什么我的对话框有错误？

您引用的是jQuery核心，而不是jQuery UI本身

我相信

对话框

功能只存在于jQuery UI中，因此您也需要在页面中添加以下内容：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>

<script type="text/javascript">
// <---- VENTAÑAS DE PARAMETERES---->
$(document).ready( function () {
    var regex,v,l,c,b;
    $( "#wnd_Addparam" ).dialog({
        // Your code...
}


// 
$（文档）.ready（函数（）{
var regex，v，l，c，b；
$（“#wnd#u Addparam”）。对话框({
//你的代码。。。
}

现在使用这个简单的代码。。。。
// 
$（文档）.ready（函数（）{
var regex，v，l，c，b；
$（“#wnd#u Addparam”）。对话框({
自动打开：错误，
高度：“自动”，
宽度：350，
莫代尔：是的，
可调整大小：false，
按钮：{
“添加”：函数（）{
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
},
关闭：函数（）{
$（此）.dialog（“关闭”）；
}
});
$（“#btn_Addpar”）。单击（函数（）{
$（“wnd#u Addparam”）。对话框（“打开”）；
});
});
参数清单

我也遇到了同样的问题。我在同一个网页上包含了两次jQuery（jQuery，然后是jQuery UI，然后是jQuery），这给我带来了麻烦（与.dialog上的问题完全相同）

但是对于这个库，我有一个或多个错误，因为我有：ReferenceError:找不到变量：第5句中的jQuery您需要将jQuery UI脚本放在jQuery脚本之后-我将明确我的示例…您需要将特定于jQuery的代码包装在

$（function（）{\\code here}）

中。

Now use this code simple....


<html>
    <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
    <script type="text/javascript">
    // <---- VENTAÑAS DE PARAMETERES---->
    $(document).ready(function() { 
    var regex,v,l,c,b;
    $( "#wnd_Addparam" ).dialog({
                autoOpen: false,
                height: 'auto',
                width: 350,
                modal: true,
                resizable:false,
                buttons: {
                    "Add": function() {
                                   $( this ).dialog( "close" ); 
                                       },
                    Cancel: function() {
                        $( this ).dialog( "close" );
                    }
                },
                close: function() {
                    $( this ).dialog( "close" );
                }
            });

            $( "#btn_Addpar" ).click(function() {
                    $( "#wnd_Addparam" ).dialog( "open" );
                });

    });
    </script>
    </head>
    <!--<form method="POST" id="iformp" name="nformp">-->
    <body>
    <h3>List of parameters</h3>
    <div id="sortparam" >
    </div>
     <input type="button" id="btn_Addpar" value="Add"/>

    <!--<form>-->

    </body>

    </html>