Fatal编程技术网
  • javascript/
  • Javascript 对象没有方法'；对话框'；

Javascript 对象没有方法'；对话框'；

javascript jquery jquery-ui

Javascript 对象没有方法'；对话框'；,javascript,jquery,jquery-ui,jquery-ui-dialog,Javascript,Jquery,Jquery Ui,Jquery Ui Dialog,我得到了这个错误： Uncaught TypeError: Object [object Object] has no method 'dialog' 这是我的相关HTML <!DOCTYPE html> <html lang="en"> <head> <script src="/Scripts/modernizr-2.0.6-development-only.js"></script> </h

我得到了这个错误：

Uncaught TypeError: Object [object Object] has no method 'dialog'
这是我的相关HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="/Scripts/modernizr-2.0.6-development-only.js"></script>
    </head>
<body>
    <div id="deleteConfirmationDialog" title="Confirm Withdrawl">
            Are you sure?
    </div>
    <div class="appl-appliedfor">
        <a class="deleteLink" href="/Applicant/WithdrawApplication/2">  
            <img class="appl-withdrawApplication"
            src="/Content/Images/Delete.png" alt="Withdraw Application" />
        </a>
    </div>

    <script src="/Scripts/Prime/jquery-1.8.2.min.js"></script>
    <script src="/Scripts/Jqueryui/jquery-ui-1.9.2.custom.min.js"></script>
    <script src="/Scripts/OnBoard/jquery-form-min.js"></script>
    <script src="/Scripts/Prime/bootstrap.min.js"></script>
    <script src="/Scripts/Prime/json2.js"></script>
    <script src="/Scripts/Prime/selectivizr-min.js"></script>
    <script src="/Scripts/Prime/jquery.cookie.js"></script>
    <script src="/Scripts/Prime/jquery.maskedinput-1.3.min.js"></script>
    <script src="/Scripts/OnBoard/OnBoardAll.js"></script>
    <script src="/Scripts/OnBoard/ApplicantAll.js"></script>


    <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script src="/Scripts/jquery.validate.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script>
    <script src="/Scripts/MvcFoolproofJQueryValidation.min.js"></script>
    <script src="/Scripts/mvcfoolproof.unobtrusive.min.js"></script>


    <script src="/Scripts/jqueryui/jquery.ui.dialog.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
        $('#deleteConfirmationDialog').dialog({
            autoOpen: false,
            modal: true
        });
    });

    $('.deleteLink').click(function(e) {
        $('#deleteConfirmationDialog').dialog({
            buttons: {
                "Yes - Withdraw Application": function() {
                    $(this).dialog("close");
                },
                "No - Do Nothing": function() {
                    e.preventDefault();
                    $(this).dialog("close");
                }
            }
        });
        $('#deleteConfirmationDialog').dialog("open");
    });
</script>


    <script type="application/json" id="__browserLink_initializationData">
        {"appName":"Chrome","requestId":"28b6a62eb1fb42829a3191b7c3e270d4"}
    </script>
    <script type="text/javascript" 
src="http://localhost:61108/d90608e9d0044daf98eb343c1b3769d7/browserLink" 
async="async"></script>
</body>
</html>
如果我在控制台中键入$.dialog，我将得到未定义的

如果我引用jquery.ui.dialog.js，则会出现以下错误：

Uncaught TypeError: Object function (a, b) { return new p.fn.init(a, b, c) } has no method 'widget'
否则就没有其他错误了

我每样东西都有200个OK

我已经将显示的javascript代码删除到它自己的文件中，并在最后引用了它。我还将document.ready事件函数外部的函数移到了这个函数内部，仍然得到了相同的错误

我可以在Sources选项卡中看到jquery ui和jquery

我不明白为什么我可以在sources选项卡中看到jqueryui，但在控制台中键入$.dialog会导致未定义的

只有不使用外部库的代码和不使用DOM的代码可以直接在
标记中执行

如果您直接在
标记中搜索DOM元素而不等待文档/DOM准备就绪，则您正在搜索的元素可能还不存在（在DOM中）或不完整

另外，在不等待文档/DOM准备就绪的情况下，直接在
标记中使用JavaScript方法，外部文件可能尚未下载，这意味着这些外部文件中的方法可能还不存在

为了确保不会发生类似的情况，您需要将代码放入事件处理程序中——这确保代码仅在事件触发后执行。必要的事件是
$（文档）.ready（event\u handler\u function）
也简称为
$（event\u handler\u function）。

错误指向哪一行？打开控制台并键入“$.dialog”时会发生什么？显示了什么？为什么您有
jquery-ui-1.9.2.custom.min.js
和
jquery.ui.dialog.js
浏览器控制台的网络选项卡中有任何404错误？脚本标记存在并不意味着路径是正确的。例如，对于
jqueryui
I，您有两种不同的目录拼写，我已经更新了我的原始帖子，并进行了建议的更改，但仍然没有骰子。 
Uncaught TypeError: Object function (a, b) { return new p.fn.init(a, b, c) } has no method 'widget'