Javascript TypeError:$(…)。对话框不是函数错误

Javascript TypeError:$(…)。对话框不是函数错误,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我已经阅读了关于这个主题的文章,但是没有得到所需的o/p。他们说出现这个问题是因为一些js文件被多次包含。但是我试着一个接一个地删除多个文件,但仍然得到TypeError:$(…)。对话框不是函数错误。我在哪里包含多个js文件?有人能指出吗。谢谢 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googlea

我已经阅读了关于这个主题的文章,但是没有得到所需的o/p。他们说出现这个问题是因为一些js文件被多次包含。但是我试着一个接一个地删除多个文件,但仍然得到
TypeError:$(…)。对话框不是函数
错误。我在哪里包含多个js文件?有人能指出吗。谢谢

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script>
<script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script>
<script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script>    
<script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script>

在同一个页面上加载了两个jQuery库(同一事物的不同版本),这是错误的,除非您确实需要让依赖于以前版本的旧插件继续工作。在这种情况下,您需要解决冲突

这就是您所需要的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script>
<!-- Not so sure what is this, but certainly it's another jQuery UI library being loaded on top of the other one -->
<!-- <script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script>-->
<script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script>    
<script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script>

在这里查看CSS样式表(使用主题):

jQuery UI对话框:

更新

在我们讨论了这些评论之后,我发现您正在使用一个名为
inettuts
的插件,它基于非常旧的jQuery和jQuery UI库版本(1.2.x)。 此外,它使用了jQuery UI的定制版本,其中不包括
对话框
小部件,因此出现了第一条错误消息

您可以尝试调整插件以使用较新版本(根据其自己网站上的评论),或者解决冲突并在同一页面上使用两个库


现在由您决定。

查看生成的源代码,然后找出对jquery的所有引用,然后检查只有一个对jquery的引用和一个对jquery UI的引用

确保在相应的文件夹中有jsp/html中引用的js库。主要是WebContent文件夹或您在jsp中指定的路径。对我来说,它位于/resources/scripts文件夹中。一旦我在那里添加了库

为什么要包含这么多jquery库?这不是一个好的做法..多个jquery库将导致灾难..我已经删除了多个js文件,但仍然出现一些新错误。请查看更新的问题。您仍然有一个个性化的问题。不确定这是什么意思。MVC5用户注意:当您尝试插入超过1个Jquery库或1个版本的Jquery,但插入次数超过1次时,会发生错误,例如第一次从Bundle中插入,另一次从manual中插入。我尝试删除1.9.1版本(第3行),即
,但仍然会出现相同的错误。此外,还存在jqueryui库。请参阅第4行。删除添加到页面中的所有其他jQuery版本,只保留我在答案中指出的版本。现在它给了我两个错误
Error:Syntax Error,无法识别的表达式:#intro,
jQuery.min.js
TypeError:t.widget.extend在
jQuery-ui.min.js(第5行)
中不是函数。前面的错误
TypeError:$(…)。对话框不是函数错误
已被删除,但出现2个新错误。请查看更新的问题以参考我所做的。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="{% static "js/bootstrap.js" %}" ></script>
<!-- Not so sure what is this, but certainly it's another jQuery UI library being loaded on top of the other one -->
<!-- <script type="text/javascript" src="{% static "dashboard/js/jquery-ui-personalized-1.6rc2.min.js" %}" ></script>-->
<script type="text/javascript" src="{% static "dashboard/js/inettuts.js" %}" ></script>    
<script type="text/javascript" src="{% static "dashboard/js/dashboard.js" %}" ></script>