图像鼠标上方的jquery手风琴

我试着让一个手风琴般的文本在图像的鼠标上方弹出而不点击

手风琴上的文本鼠标演示

以及带有图像的html

<div id="accordion">
   <a href="#"><img  src="images/icon_satellite.png"></img></a>
</div>
                            <div>
                                <p>
                                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
                                </p>
                            </div>

但是什么也没有发生，手风琴文本显示出来

获取此错误：

$accordion.accordion不是一个函数

---

在文档中，您链接到的是jQuery工具框架，而不是jQuery UI框架。我这样说是因为您的演示链接指向jQueryUI站点

您是否遇到类似于[object]没有方法手风琴的错误

您可以在此处下载jQuery UI的自定义版本：。要获得尽可能小的文件大小，首先单击页面顶部的“取消选择所有组件”，然后从小部件列表中仅选择accordion小部件。jQueryUI的必要部分将包含在下载中

使现代化 再次查看代码时，我注意到您未正确关闭图像标记：

<a href="#"><img  src="images/icon_satellite.png"></img></a>

应该是：

<a href="#"><img  src="images/icon_satellite.png" /></a>

---

在文档中，您链接到的是jQuery工具框架，而不是jQuery UI框架。我这样说是因为您的演示链接指向jQueryUI站点

您是否遇到类似于[object]没有方法手风琴的错误

您可以在此处下载jQuery UI的自定义版本：。要获得尽可能小的文件大小，首先单击页面顶部的“取消选择所有组件”，然后从小部件列表中仅选择accordion小部件。jQueryUI的必要部分将包含在下载中

使现代化 再次查看代码时，我注意到您未正确关闭图像标记：

<a href="#"><img  src="images/icon_satellite.png"></img></a>

应该是：

<a href="#"><img  src="images/icon_satellite.png" /></a>

---

可能是因为after

可能是因为after

出现此错误：$accordio.accordio不是函数索引。html行68您需要在页面中包括jQuery UI，您包括了jQuery工具，这是不相关的。它们都需要jQuery才能正常工作，但它们是不同的框架。就我的观点而言，jQuery UI是一个更好的框架，就像官方的jQuery工具一样。@rd42如果你想在CDN中远程托管jQuery UI，那么Google就有这样的功能：。但是，如果您只需要Accordion小部件，那么最好下载一个自定义版本并将其加载到您自己的服务器上。有关此问题的详细信息，请参阅我的答案。获取此错误：$accordio.accordio不是函数索引。html行68您需要在页面中包含jQuery UI，您包含的是jQuery工具，这是不相关的。它们都需要jQuery才能正常工作，但它们是不同的框架。就我的观点而言，jQuery UI是一个更好的框架，就像官方的jQuery工具一样。@rd42如果你想在CDN中远程托管jQuery UI，那么Google就有这样的功能：。但是，如果您只需要Accordion小部件，那么您最好下载一个定制版本并将其加载到您自己的服务器上。有关更多信息，请参阅我的答案。有关更多信息，请参阅我的答案，但您不包括jQuery UI框架，因此没有Accordion函数。您确定指向javascript的链接链接正确吗？另外，在链接前面放一个/，这样如果你在domain.com/test/test这样的辅助页面上，你的链接就不会被弄乱，否则你的javascript会链接到domain.com/test/js/jquery-1.7.1.js更多信息请参见我的答案，但你没有包括jquery UI框架，所以没有函数accordion。你确定你的javascript链接正确吗？另外，在链接前面放一个/，这样，如果您在domain.com/test/test这样的辅助页面上，您的链接就不会被弄乱，否则您的javascript将链接到domain.com/test/js/jquery-1.7.1.js仍然获得$accordion。accordion不是一个函数仍然获得$accordion。accordion不是一个函数