问题标签 [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.
css - 当父级是相对时,绝对定位元素的宽度受到限制
我有一段 CSS 实现了一个点击吸盘菜单。
标记:
款式:
更新,上面实际上包含在一个固定的表格单元格中
还有一个小提琴:http: //jsfiddle.net/dAAXp/3/
问题:我希望在整个应用程序中使用这种样式定义。因此,文本中的长度<li>
会有所不同。但是,我想要的行为是菜单具有最小和最大宽度。我已经使用min-width
and max-width
for设置了这个.menu
。但是由于某种原因,即使 中的内容<li>
小于max-width
,菜单的宽度也被限制为min-width
。
有人能告诉我为什么会这样吗?
css - CSS单击吸盘鱼菜单不会在chrome中保持打开状态
我在 CSS 中构建了一个简单的 Suckerfish 菜单,当用户单击主项目时,将显示一个子菜单。
标记:
CSS:
我的代码在这里:http: //jsfiddle.net/pLgLj/
该菜单在 Firefox 和 IE 中正常工作,当单击红色方块时,菜单会显示,直到我们单击其他位置。但是,在 chrome 中,只有在单击并按住红色方块时才会显示菜单。
我不知道是什么原因造成的。有人可以启发我吗?
注意:我想只用纯 CSS 而不用 javascript 来做到这一点。
jquery - 用 jquery 触发悬停 - 吸盘鱼
所以我尝试使用 jquery 触发悬停事件,jquery 检测到具有焦点的元素并添加一个类
然后是css声明
}
这在理论上应该可行,但也许我错过了显而易见的事情。
jquery - 吸盘鱼菜单和adgallery之间的冲突
我正在开发的一个网站使用 JQuery 的 ADGallery 和 Superfish 菜单。我遇到的问题与图层堆叠的方式有关。
http://severnsystems-sms.co.uk/pd_about_us.htm页面演示了该问题。将鼠标悬停在“配置文件”菜单上会显示幻灯片编号以及菜单顶部的“下一个”箭头。
我已将菜单项的 z-index 设置为高于其他项目,所以我不明白为什么它应该以它的方式显示。
css - 如何将多级菜单添加到 Joomla!我正在制作的模板?
我创建了 Joomla!以前的模板,但依赖插件和模块来制作下拉式、吸盘式菜单。如何在不依赖插件和扩展的情况下创建一个作为模板的一部分?
css - 选择子菜单项时,suckerfish 顶级项保持突出显示
我已经在 joomla 网站上设置了一个 Suckerfish 下拉菜单,但是在您选择子菜单项之后,我找不到保持选择顶级菜单项的方法(在这种情况下变为红色并保持红色)。
悬停顶级项目很好,当您将鼠标悬停在子菜单上时,它仍然是悬停的颜色 - 但是,一旦您单击子菜单项,顶级项目就会恢复为原始颜色。
这意味着访问者不一定知道他们在网站的哪个部分。
所以任何帮助都会很棒!谢谢。
我目前的CSS是:
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,所以标准前端的东西都可以使用,但后端是它变得棘手的地方。
关于“更好的方法”来解决这个问题的任何建议?
css - 站点下拉菜单在 IE8 兼容模式下不起作用
我正在一个网站上工作,该网站的菜单在新浏览器中看起来很棒,甚至在 vista 上也有 IE8,但是在IE8 compatibility
模式或 XP 中,导航不起作用。
我在这里做了一个 jsfiddle 来看看我的意思(抱歉,我很着急;将鼠标悬停在“结果”部分上,你会看到下拉菜单在起作用)
它只是在兼容模式下不起作用,或者我假设是旧版本的 IE。当然,客户端使用的是 IE8,这就是为什么我必须解决这个问题......
你能帮忙吗?
css - Suckerfish:显示第 3 级
我正在努力尝试在 ul hover 上显示第三级 - 我现在遇到的问题是您必须将鼠标悬停在父级上才能显示它们。
JsFiddle:http: //jsfiddle.net/natedriver/kFffR/3/
我希望菜单的行为方式是始终显示第 3 级,而不必将鼠标悬停在第 2 级菜单上。例如,请访问 whitehouse.gov 并查看他们的菜单结构。
jquery - JS/JQ 修复 Suckerfish 之子延伸到折叠以下?
我正在使用“Suckerfish 之子”创建一个下拉菜单(实际上,它会在右侧弹出)导航菜单。
一些子菜单很长并且低于首屏。有没有办法(使用 JavaScript/jQuery)来确保菜单总是在首屏(如果菜单太大而无法放入视口,我很高兴)?