3

我对 jQuery 很陌生。只是想感受一下。我喜欢这里演示的标签功能：

http://jqueryui.com/demos/tabs/#mouseover

我真的很喜欢这个，但是我希望它更像一个菜单。特别是我希望标签内容出现在页面上的内容之上（如菜单）。此外，就像当我翻转选项卡时内容会发生变化一样，当我没有翻转任何选项卡时（或者可能是当用户单击页面上的其他任何位置时），我希望选项卡内容消失（如菜单）。

所以我真的想把它用作菜单。如果有人知道可以解决我的问题的菜单控件也可以。我只是喜欢当我将鼠标悬停在一个项目上时会弹出一个 div 的事实。我想在每个 div 中放置一些文本和两个按钮。

谢谢！

这就是我最初的内容：标题中的这个：

$("#tabs").tabs().find(".ui-tabs-nav").sortable({ axis: 'x' });
$("#tabs").tabs({ event: 'mouseover' });

这在体内：

 <div id="tabs">
            <ul>
                <li><a href="#tabs-1">First</a></li>
                <li><a href="#tabs-2">Second</a></li>
                <li><a href="#tabs-3">Third</a></li>
            </ul>
            <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
            <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
            <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
        </div>
4

2 回答 2

2

jQuery 支持非常丰富的插件模型。您可能希望查看菜单插件，而不是尝试操作选项卡以像菜单一样工作。

于 2010-09-03T16:08:21.693 回答
0

这是一个如何使用 jQuery 实现这种行为的示例。该示例非常简单，但是您可以根据需要设置它的样式。

于 2010-09-03T16:59:32.403 回答