jquery - 如何计算流体宽度导航菜单的正确宽度?

标签 jquery css submenu responsiveness

<分区>


关闭 7 年前

看看这个设计灵感菜单:http://theblondeabroad.com

如何使用 jQuery 正确计算这种响应式子菜单的宽度,尤其是在调整浏览器大小时?加上主容器的绝对位置(左侧和顶部),以便它保持在中心?

提前致谢。

最佳答案

jQuerywidth() 方法将为您提供元素的计算宽度:

$(function(){
  $('#menu li:has("ul")').each(function(){
    alert($(this).width());
  });
});

查看此链接以进一步阅读

Jquery

关于jquery - 如何计算流体宽度导航菜单的正确宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31958169/

上一篇:css - Laravel Blade 变量未在 IE 中的内联样式属性中呈现

下一篇:html - Web 字体不会在 Chrome 中显示

相关文章:

html - 使用 Aurelia 框架在不同浏览器中的屏幕分辨率问题

jquery - 如何将 “active” 类添加到 WordPress 中的当前菜单项

jquery - 无法使用 jQuery 淡出子菜单

jquery - 了解 .filter() 的函数参数

javascript - Google chrome 中的奇怪行为(提交表单后,它会转到页面底部)

jquery - 我应该如何停止 "in progress"jquery POST?

jquery - 使 <div>, <li> 无需 <a> 标签即可点击

css - 具有来自 View 的动态 Assets url 背景图像的 Rails

Jquery 不适用于 ajax 加载的内容 div

html - 如何使用CSS在左侧显示子子菜单?