问题标签 [suckerfish]

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 投票
1 回答
3920 浏览

css - 当父级是相对时,绝对定位元素的宽度受到限制

我有一段 CSS 实现了一个点击吸盘菜单。

标记:

款式:


更新,上面实际上包含在一个固定的表格单元格中

还有一个小提琴:http: //jsfiddle.net/dAAXp/3/

问题:我希望在整个应用程序中使用这种样式定义。因此,文本中的长度<li>会有所不同。但是,我想要的行为是菜单具有最小和最大宽度。我已经使用min-widthand max-widthfor设置了这个.menu。但是由于某种原因,即使 中的内容<li>小于max-width,菜单的宽度也被限制为min-width

有人能告诉我为什么会这样吗?

0 投票
1 回答
484 浏览

css - CSS单击吸盘鱼菜单不会在chrome中保持打开状态

我在 CSS 中构建了一个简单的 Suckerfish 菜单,当用户单击主项目时,将显示一个子菜单。

标记:

CSS:

我的代码在这里:http: //jsfiddle.net/pLgLj/

该菜单在 Firefox 和 IE 中正常工作,当单击红色方块时,菜单会显示,直到我们单击其他位置。但是,在 chrome 中,只有在单击并按住红色方块时才会显示菜单。

我不知道是什么原因造成的。有人可以启发我吗?

注意:我想只用纯 CSS 而不用 javascript 来做到这一点。

0 投票
1 回答
162 浏览

jquery - 用 jquery 触发悬停 - 吸盘鱼

所以我尝试使用 jquery 触发悬停事件,jquery 检测到具有焦点的元素并添加一个类

然后是css声明

}

这在理论上应该可行,但也许我错过了显而易见的事情。

0 投票
1 回答
77 浏览

jquery - 吸盘鱼菜单和adgallery之间的冲突

我正在开发的一个网站使用 JQuery 的 ADGallery 和 Superfish 菜单。我遇到的问题与图层堆叠的方式有关。

http://severnsystems-sms.co.uk/pd_about_us.htm页面演示了该问题。将鼠标悬停在“配置文件”菜单上会显示幻灯片编号以及菜单顶部的“下一个”箭头。

我已将菜单项的 z-index 设置为高于其他项目,所以我不明白为什么它应该以它的方式显示。

0 投票
1 回答
1798 浏览

css - 如何将多级菜单添加到 Joomla!我正在制作的模板?

我创建了 Joomla!以前的模板,但依赖插件和模块来制作下拉式、吸盘式菜单。如何在不依赖插件和扩展的情况下创建一个作为模板的一部分?

0 投票
1 回答
231 浏览

css - 选择子菜单项时,suckerfish 顶级项保持突出显示

我已经在 joomla 网站上设置了一个 Suckerfish 下拉菜单,但是在您选择子菜单项之后,我找不到保持选择顶级菜单项的方法(在这种情况下变为红色并保持红色)。

悬停顶级项目很好,当您将鼠标悬停在子菜单上时,它仍然是悬停的颜色 - 但是,一旦您单击子菜单项,顶级项目就会恢复为原始颜色。

这意味着访问者不一定知道他们在网站的哪个部分。

所以任何帮助都会很棒!谢谢。

我目前的CSS是:

0 投票
2 回答
590 浏览

jquery - 带有子按钮的按钮

我目前有 2 个按钮(输入提交)Save、Save & Go,我们正在寻找添加第三个按钮,Save & Close。由于房地产,这里没有第三个按钮的空间,所以想法是将它们组合成某种下拉菜单。

我知道使用 A 和隐藏 div 的 css 可能是更好的解决方案,但是,由于应用程序的方式是在它所在的接口中编码的,这些需要是 INPUTs 或 BUTTONs 才能用于后端(a node.js -like derivitive) 来获取它。

有没有办法制作这样的东西?

只显示

但如果存在选项(基于其他脚本参数),则显示向下箭头,例如

并在其下方的鼠标悬停上显示 2 个(或 1 个或更多)子选项:

关键点是所有3个条件都必须提交(可能只想保存而不去或关闭)。

同样,所有 3 个都需要输入 type='submit' 所以我不确定在这种情况下如何使悬停状态等。通常会使用带有 a:hovers 和 Intent 的列表和子列表。

我运行 jquery 并设置了 html 5,所以标准前端的东西都可以使用,但后端是它变得棘手的地方。

关于“更好的方法”来解决这个问题的任何建议?

0 投票
0 回答
208 浏览

css - 站点下拉菜单在 IE8 兼容模式下不起作用

我正在一个网站上工作,该网站的菜单在新浏览器中看起来很棒,甚至在 vista 上也有 IE8,但是在IE8 compatibility模式或 XP 中,导航不起作用。

我在这里做了一个 jsfiddle 来看看我的意思(抱歉,我很着急;将鼠标悬停在“结果”部分上,你会看到下拉菜单在起作用)

http://jsfiddle.net/K3PFd/

它只是在兼容模式下不起作用,或者我假设是旧版本的 IE。当然,客户端使用的是 IE8,这就是为什么我必须解决这个问题......

你能帮忙吗?

0 投票
0 回答
200 浏览

css - Suckerfish:显示第 3 级

我正在努力尝试在 ul hover 上显示第三级 - 我现在遇到的问题是您必须将鼠标悬停在父级上才能显示它们。

JsFiddle:http: //jsfiddle.net/natedriver/kFffR/3/

我希望菜单的行为方式是始终显示第 3 级,而不必将鼠标悬停在第 2 级菜单上。例如,请访问 whitehouse.gov 并查看他们的菜单结构。

0 投票
1 回答
78 浏览

jquery - JS/JQ 修复 Suckerfish 之子延伸到折叠以下?

我正在使用“Suckerfish 之子”创建一个下拉菜单(实际上,它会在右侧弹出)导航菜单。

一些子菜单很长并且低于首屏。有没有办法(使用 JavaScript/jQuery)来确保菜单总是在首屏(如果菜单太大而无法放入视口,我很高兴)?