Javascript TypeError:$（…）.load（…）.appendTo（…）.dialog不是函数

我对JavaScript和jQuery非常陌生。我有一个功能，我在点击时打开弹出框，并使用

href

链接传递内容值

此弹出窗口对我来说工作正常，但有时（在同一页面上进行了几次其他调用后），当我单击链接打开此弹出窗口时，控制台中出现脚本错误，弹出窗口已启动（显示在herf中传递的整个页面，而不是弹出框）：

TypeError:$（…）.load（…）.appendTo（…）.dialog不是函数 $（''，{

<link rel="stylesheet" href="code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css"; />
<script src="code.jquery.com/jquery-1.9.1.js"></script>;
<script src="code.jquery.com/ui/1.10.1/jquery-ui.js"></script>;
<script type="text/javascript">

$(function() {
    $('a#vehicle').on('click', function(e) {
        e.preventDefault();
        $('.mask').width($(document).width());
        $('.mask').height($(document).height());
        $('.mask').show();
        $('<div/>', {
            'class' : 'myVehicleClass',
            'id' : 'link-' + ($(this).index() + 1)
        }).load($(this).attr('href')+ "?random=" + Math.random()*99999).appendTo('body').dialog({
            'title' : "Select a vehicle",
            'width' : 600,
            'height' : 500,
            close : function(event, ui) {
                $(this).dialog("close");
                $(this).dialog("destroy");
                $('.mask').hide();
            }
        });

    });
});

;
;
$（函数（）{
$（'a#vehicle'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'.mask'）.width（$（document.width（））；
$（'.mask'）.height（$（document.height（））；
$（'.mask'）.show（）；
$('', {
“类”：“myVehicleClass”，
'id'：'link-'+（$（this.index（）+1）
}).load（$（this.attr（'href'）+“？random=“+Math.random（）*99999）.appendTo（'body'）。对话框({
“标题”：“选择车辆”，
“宽度”：600，
‘高度’：500，
关闭：功能（事件、用户界面）{
$（此）.dialog（“关闭”）；
$（此）.dialog（“销毁”）；
$（'.mask'）.hide（）；
}
});
});
});

---

我在StackOverfolw上查看了此问题，其中有许多相关问题，但没有对我有效：（

是否包含jquery ui库请不要添加其他信息作为注释，而是使用按钮。谢谢niese。如果您有线索，请提供帮助？如果加载了jquery ui，看起来应该可以工作。但请记住，

.load（）提供的内容

将异步到达。当

.append（…）.dialog（…）

execute.FWIW时，它保证尚未就位。我刚刚遇到类似的错误消息，“.dialog不是函数”。我的问题确实是jQuery UI未加载。