问题标签 [superfish]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
672 浏览

jquery - Jquery - 如何检测元素是否被溢出隐藏:隐藏;容器?

我有这个问题,我还处于概念层面的理解,我们如何检测给定元素是否在容器之外(一个容器溢出:隐藏;属性声明);

这是我们想要的上下文:

让我们想象一下我们是鼠标悬停项目 3:

我们通常有:

像这样子 3.2 会出流不可见,或者(如果我们在容器上使用 clearfix 而不是溢出),它会下拉到其他页面内容上),为了解决这个问题,我们认为这个再次,假设我们将鼠标悬停在项目 3 上,这是一个更好的解决方案:

为了做到这一点,也许,我们应该检测元素是否超出了流,并且,它是他的,将所有东西向上推 X px;

如果这是解决这个问题的好方法,我们如何检测一个元素是否超出了流程?

如果这不是一个好方法,你能建议另一个吗?

ps-我们使用 superfish 作为 jquery 菜单解决方案。

0 投票
1 回答
13375 浏览

jquery - jQuery SuperFish 错误:jQuery("ul.sf-menu").superfish 不是函数

我的 superfish 下拉菜单有问题 - 在我将 jQuery.Columnizer 添加到我的项目之前它工作正常。取出分栏器 jQuery 修复了 superfish.js 的问题 - 但是,当两者都启用并运行时,当您将鼠标悬停在菜单上时会显示下拉菜单,但是当您尝试单击下拉菜单中的菜单链接时,下拉菜单会消失。我似乎无法解决这个问题 - 我已经搜索并遵循了各种建议和示例,但无济于事。

我正在使用分栏器将我的内容分成 3 列。问题是因为我引用了 2 个 jquery 库吗?

超级鱼.js

Columnizer.js

更新:这是问题的解决方案;

取出以前的引用并使用最新的 CDN 更新它,确保它运行良好 - 我在我的 webconfig 中引用了 .JS,然后在页面后面编写代码。呼..现在工作-感谢您的所有帮助。

0 投票
3 回答
1479 浏览

jquery - Rails 3.1、资产管道和生产模式下的 IE 6 和 7 - 一些 CSS 和 js 未正确加载

在生产模式下试用我的 Rails 3.1 应用程序(Debian 6、Ruby 1.9.2、Passenger)。我使用 IE 6 和 IE 7 进行了尝试,但某些资产未正确加载。在开发模式下一切正常。

一些 css & js 没有正确加载,你所有的文件都在编译。特别是我遇到了下拉问题(jquery superfish 菜单)。在 IE8、IE 9、Firefox、Chrome 的生产和开发中一切正常。该问题仅出现在生产环境中的 IE 6 和 7 中。

尝试清除缓存(在浏览器和服务器上)。重新编译资产。没有任何帮助。

有没有人遇到过任何事情——像那样?

0 投票
1 回答
530 浏览

jquery - 超级鱼水平菜单。如何测量宽度

我正在使用 superfish 在我的网站上创建一个水平菜单。

菜单项总是会有所不同,因为内容非常动态。菜单项不应具有固定宽度。

当显示的菜单项足以填满网站的整个宽度时,将显示最后一个名为“更多项目”的菜单。

我将如何测量每个菜单项(li 标签)的宽度,以便我可以限制显示的项目?

问题是我不能依靠某种字体来实现这一点。字体必须是访客机器上可用的任何字体。

感谢您的输入

0 投票
0 回答
396 浏览

jquery - SuperFish 菜单 - 可变宽度错误

我在 Joomla 中使用“Superfish 下拉菜单”v.1.2(使用 Superfish-1.4.8)。

启用“可变宽度子菜单(测试版)”。(我假设在 superfish 插件中它被称为 - Supersubs 插件(目前是测试版))

试过 FF 3.5、FF 9、Chrome 16。

当我按 Ctrl+F5 时,这就是我所拥有的(http://www.prowavegroup.ca/):

在此处输入图像描述

之后,当我按 F5 时,这就是我所拥有的: 在此处输入图像描述

知道如何解决吗?

谢谢。

0 投票
3 回答
421 浏览

html - IE 中的下拉(Superfish)菜单,在 FF / Chrome 中损坏?

网站:http ://soizimage.com/mrmstory.html

出于某种奇怪的原因,它在 Firefox 和 Chrome 中被破坏了,但在 IE 中完美运行。

我不确定它只是子菜单<ul>还是其他?

感谢您的帮助,谢谢!

0 投票
0 回答
379 浏览

javascript - 自动滚动水平滚动条以显示菜单

我已经将 superfish JQuery 用于水平菜单。如果用户悬停显示子菜单项但用户需要水平滚动才能看到该子菜单,我的问题是最右边的菜单项。是否有任何机制可以通过自动滚动或在左侧显示子菜单来解决此问题?请帮忙。

0 投票
1 回答
1445 浏览

jquery - Superfish jQuery 菜单:当第 1 级悬停时,第 3 级始终打开

我正在尝试实现一个菜单,您可以在其中悬停第一级,然后打开第二级和第三级(第二级中的第一项)。

我认为使用superfish 的-callbackonHide函数或使用-argument 是可能的,但到目前为止它失败了。pathClass

我的菜单看起来像这样: jsfiddle

在 jsfiddle 的示例中,它应该悬停ASDF,第三级将打开,bla 1并且bla 2

任何提示如何解决这个问题将不胜感激。

0 投票
1 回答
1148 浏览

jquery - 带有 Superfish 的菜单 - 链接在 chrome 上不起作用

我有一个带有 jquery 插件 superfish 的菜单。问题是无法点击 Chrome 中的链接。

如果我停用超级鱼菜单工作正常。我认为它可能是 z-index 或标记,但我找不到错误。

链接是:http: //goo.gl/AkdXh

有人可以看看吗?

0 投票
1 回答
162 浏览

jquery - 有谁知道如何防止 LESS CSS 被 jquery 插件打乱?

我正在尝试使用语义网格系统——它使用LESS CSS——另外我正在使用SuperfishJQuery Corner插件。

我的问题是,当我应用superfish 时,它会打乱一些 LESS 生成的样式,这些样式. 前面两个示例之间的差异是添加了“superfish.css”,而不是在 jquery 中应用 superfish() 调用。

(作为记录,我知道有些人之前报告过使用“corner”和“superfish”有困难;我已经成功地将它们与 JQuery 1.7 和 1.7.1 一起使用,只要你在 fish 之后调用corner并将corner应用于 div包裹在鱼的外面 ul)

显然,我正处于构建语义网格布局的初始步骤,我将使用它作为我的项目的基础......并且发现语义 / LESS 似乎在菜单上如此迅速地窒息是如此令人失望,以至于我无法相信错误不是我的。

在我前进的过程中,任何避免此问题的解决方案或最佳实践将不胜感激。