Javascript 对话框函数错误无效函数

TypeError:$（“”）.html（“每次都会显示此对话框！”）。此对话框不是函数

这就是我得到的错误。在索引页的div中使用load（）加载该页。我已经在索引页面（我更愿意保持这种方式）、加载页面以及这两个页面上包含了必要的jquery内容，而且它仍然这样做。我不确定到底发生了什么事。我知道使用load（）页面比使用页面本身更困难，但即使转到page home.php，它仍然会这样说。下面是加载页面的链接，如果您想查看索引，只需在地址中取出home.php即可

这是我正在使用的函数：

<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.ui.core.js"></script>
    <script type="text/javascript" src="js/jquery.ui.draggable.js"></script>
    <script type="text/javascript" src="js/jquery.ui.mouse.js"></script>
    <script type="text/javascript" src="js/jquery.ui.position.js"></script>
    <script type="text/javascript" src="js/jquery.ui.resizable.js"></script>
    <script type="text/javascript" src="js/jquery.ui.widget.js"></script>

    <script type="text/javascript">
    function readMore(id,title,cat,desc,post,auth) {
        //alert(id +","+ title +","+ cat +","+ desc +","+ post +","+ auth);
        var $dialog = $('<div></div>').html('This dialog will show every time!').dialog({autoOpen: false,title: 'Basic Dialog'});
        $dialog.dialog('open');
        $dialog.title = title;
        $dialog.html(desc);
    }
    </script>

jquery…able.js（第504行）

TypeError:$。小部件不是函数 [在此错误上中断]

_uiHash: function(event) {

_mouseCapture: function(event) { return true; }

ui: function() {

jquery…ouse.js（第162行）

TypeError:$。小部件不是函数 [在此错误上中断]

_uiHash: function(event) {

_mouseCapture: function(event) { return true; }

ui: function() {

---

jquery.ui.mouse

、

jquery.ui.draggable

和

jquery.ui.resizeable

需要放在

jquery.ui.widget

之后，因为它们调用

.widget（）

，widget也使用位置，所以放得更像

<script type="text/javascript" src="js/jquery.ui.position.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="js/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="js/jquery.ui.resizable.js"></script>

jquery.ui.mouse
，
jquery.ui.draggable
和
jquery.ui.resizeable
需要放在
jquery.ui.widget
之后，因为它们调用
.widget（）
，widget也使用position，所以放得更像

<script type="text/javascript" src="js/jquery.ui.position.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="js/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="js/jquery.ui.resizable.js"></script>


您还需要：


jquery.ui.button.js
jquery.ui.dialog.js

同样把鼠标放在拖拽之前，正如上面穆萨所评论的，这很重要

总结：

jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.mouse.js
jquery.ui.position.js
jquery.ui.draggable.js
jquery.ui.resizeable.js
jquery.ui.button.js
jquery.ui.dialog.js
但是我建议不要加载所有单个文件，而是从CDN加载完整的UI

 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>


您还需要：


jquery.ui.button.js
jquery.ui.dialog.js

同样把鼠标放在拖拽之前，正如上面穆萨所评论的，这很重要

总结：

jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.mouse.js
jquery.ui.position.js
jquery.ui.draggable.js
jquery.ui.resizeable.js
jquery.ui.button.js
jquery.ui.dialog.js
但是我建议不要加载所有单个文件，而是从CDN加载完整的UI

 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>


仍在收到这些错误：TypeError:base不是构造函数[在此错误上中断]var basePrototype=new base（）；jquery…dget.js（第67行）TypeError:$（“”）.html（“此对话框将每次显示！”）。对话框不是函数[Break On This Error]…v>）.html（“此对话框将每次显示！”）。对话框({autoOpen:false，tit…@GrantKesslerJr您已经从站点删除了脚本，所以我看不出有什么问题，但我认为这是文件的顺序
位置
->
小部件
->
鼠标
->
可拖动
->
可调整大小
。我试图将它们放在索引页上，我会将它们添加回home.php，但我失败了我希望将它们保留在父页面上，因为jquery已经在那里加载了。它们又在home.php上。@GrantKesslerJr在
draggable
之前放置
mouse
，我感谢您的帮助，因为这消除了我在对话框之外遇到的每一个额外错误。仍然会遇到这些错误：TypeError:base不是构造函数[Break On This Error]var basePrototype=new base（）；jquery…dget.js（第67行）TypeError:$（“”）.html（“此对话框将每次显示！”）。对话框不是函数[Break On This Error]…v>）.html（'此对话框将每次显示！'）。dialog({autoOpen:false，tit…@GrantKesslerJr您已经从站点删除了脚本，所以我看不出有什么问题，但我认为这是文件的顺序
位置
->
小部件
->
鼠标
->
可拖动
->
可调整大小
。我试图将它们放在索引页上，我会将它们添加回home.php，但我失败了我希望将它们保留在父页面上，因为jquery已经在那里加载了。它们又在home.php上了。@GrantKesslerJr在
draggable
之前放置
mouse
我感谢您的帮助，因为这消除了我在对话框之外遇到的每一个额外错误。哈哈。我想我也只需要对话框css吗？还是有更多的css我觉得自己很愚蠢，因为很明显我需要那些js文件，但事实上，至少我看到了，它并没有说这是他们演示页面上对modual的要求。当你想要一个样式化的对话框时，CSS也很好^^^如何/如何从CDN完成整个UI？我对javascript还是很陌生，尤其是我已经添加了上面的代码，当您想要使用jquery（包括UI）时，这就是您所需要的.这就是我需要的所有jquery的所有包含？哈哈。我想我也需要对话框css？或者还有更多吗？只是补充一下；我觉得很愚蠢，因为很明显我需要那些js文件，但实际上它并没有说，至少我看到了，在他们的演示页面上需要一个modular。css也会是ne当你想要一个样式化的对话框时^^^如何/如何从CDN中创建完整的UI？我对javascript总体来说还是相当陌生，尤其是jquery。我已经添加了上面的代码，这是你想要使用jquery（包括UI）时所需要的全部。这就是我需要的所有jquery的全部内容？