Question

我尝试在没有点击的情况下在鼠标悬停图像时弹出一个手风琴文本。

文字鼠标悬停手风琴link

的工作演示

<!-- JQuery --> 
        <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
        <script type="text/javascript" src="js/jquery.tools.min.js"></script>       
<script>
    $(function() {
        $( "#accordion" ).accordion({
            event: "mouseover"
        });
    });
    </script>

和带图像的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”）。手风琴不是一个功能

Answer 1

在您的文档中，您将链接到jQuery Tools框架，而不是jQuery UI框架。我这样说是因为你的演示链接进入了jQuery UI站点。

您收到的错误如[object] does not have method accordion？

您可以在此处下载jQuery UI的自定义版本：http://jqueryui.com/download。要获得尽可能小的文件大小，首先单击页面顶部的Deselect All Components，然后从小部件列表中仅选择accordion小部件。 jQuery UI的必要部分将包含在下载中。

更新

为您的代码提供另一种外观，我注意到您未正确关闭图片代码：

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

应该是：

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

Answer 2

可能是因为</div>之后的<a href="#"></a><img src="images/icon_satellite.png"></img></a>

关于图像鼠标移动的jquery手风琴

2 个答案:

更新