可以启动jquery对话框，但打开get Uncaught TypeError:$（…）。对话框不是函数

我有一个电子商务网站，允许用户通过ajax添加到购物车。当添加到购物车成功时，我会显示一个带有成功消息的对话框

在某个时刻，我不知道什么时候，对话框停止显示

我做了一些挖掘和调试，下面是我的想法

初始化对话框的代码行正在运行，没有错误

$('#cart_popup').dialog({
  autoOpen: false,
 modal: true,
width:600,
show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "fade",
    duration: 1000
  }
});

正在页面上设置实际对话框

原始Html：

    <div id='cart_popup'>
  <div id='ajax_cart_recs'>  </div>
   <div id='cart_content'></div>
 </div>

它会生成以下错误：

jquery.min.js:4 Uncaught TypeError: $(...).dialog is not a function

---

我包括jquery&jquery ui js和jquery ui css。

这是否按照您期望的方式工作（我模拟了ajax调用，请参见代码中的注释）

var ajaxCall=function（）{
//在这里模拟ajax调用，
//触发回调
$（'购物车弹出'）。对话框（'打开'）；
};
$（文档）.ready（函数（）{
$（“#购物车弹出窗口”）。对话框({
自动打开：错误，
莫代尔：是的，
宽度：600，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“褪色”，
持续时间：1000
}
});
$（“#购物车内容”）.html（“”）；
$（“#添加到购物车”）。在（'click'，函数（e）{
ajaxCall（）；
});
});

“添加到购物车模拟”
这在这种情况下有效，但当我复制到我的网站时却不起作用。
$('#cart_popup').dialog('open');

jquery.min.js:4 Uncaught TypeError: $(...).dialog is not a function