jquery - TypeError : $(. ..).dotdotdot 不是一个函数？

Question

这里是一个由多个部分组成的问题，但我将从主要问题开始。

• 我在让 jQuery 插件在我正在设计的网站上运行时遇到问题。 FireBug 告诉我“TypeError: $(...).dotdotdot 不是一个函数”。但是，我已按正确的顺序加载了 Jquery 库。有谁知道为什么我的插件会生成该错误？

• 以此为基础...我正在尝试使用“dotdotdot”来截断从 Tumblr RSS 提要中提取的元数据。我是否在脚本中正确选择了该元素，或者应该将其指向不同的 div/ID？目前正在寻找“#miniblog_d”。

感谢大家的帮助!老实说，这个问题已经困扰了我几个星期。如果您查看该文件，您会注意到我正在加载 jQuery 库的巨额赎金，如果有一种方法可以只加载一个，请告诉我。我还没有通过仅在顶部加载最新的 jQuery 文件来获得任何其他脚本的工作。

谢谢!!

编辑:抱歉 - 这里完全空白 - 实例位于 http://tinychivalry.com/cjyoga/

Answer 1

您正在页面上加载多个版本的 jQuery。你实际上是这样做的:

version X of jQuery
dotdotdot plugin
...
...
version Y of jQuery
...
...

发生的事情是 dotdotdot 插件“附加”到 jQuery X 版本的原型(prototype)，但随后加载版本 Y，它会覆盖版本 X，并使附加到它的所有内容不再可访问，包括您的 dotdotdot 插件。

这是您的 header 代码:

<script type="text/javascript" src="custom_js/jquery-1.9.1.js"></script>
<script type="text/javascript" language="javascript" src="custom_js/jquery.dotdotdot.min.js"></script>

<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="sg_reset.css" />
<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="drag_system.css" />
<!-- -->
<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="cjyogaweb_common.css" />
<link rel="stylesheet" type="text/css" media="screen, print, projection"  href="cjyogaweb_common_textstyles.css" />
<!-- -->
<!--  -->
 <script type="text/javascript" src="sg_jscripts/jquery_1.5.2_min.js"></script>

看看您如何加载 1.9.1，然后再加载 1.5.2？那是你的问题。请仅使用单一版本的 jQuery，否则这样做是荒谬的，有几个原因。

编辑我刚刚重新阅读了您的帖子，发现您确实正在加载各种版本的 jQuery 的垃圾(技术术语)。毫无疑问，这是错误的。