更改屏幕时隐藏导航栏上的元素's宽度
Hide elements on navbar when changing screen's width
我目前使用Bootstrap v3.3.0,我希望当用户更改屏幕宽度时,导航栏的最后元素(下拉列表前的链接)会消失并添加到下拉列表中。我可以用Bootstrap或任何JS库做到这一点吗?
导航栏示例:http://getbootstrap.com/examples/navbar/
提前谢谢。
您可能应该使用以下方法:在普通菜单和下拉菜单中添加两次。然后在CSS中根据需要显示或隐藏它们。
@media (min-width: 768px) {
#item_link1
{
display:none;
}
}
@media (max-width: 768px) {
#item_link2
{
display:none;
}
}
使用Jquery函数
$(window).on("orientationchange load resize", function () {
var width = $(document).width();
if(width<765){
// $("#elementID").hide();
// code for other elements hide stuff
}
else if(width>765){
// for show iamges
}
});
相关文章:
- 在使用 JS 渲染之前计算 flex 元素宽度
- DOM:如何根据迭代器值设置元素宽度并在mouseover上调用函数
- jQuery未根据总li宽度重置nav元素宽度
- 实时更改元素宽度的任何方法
- 将列表元素宽度设置为文本宽度
- 如何在 JavaScript 或 jQuery 中查找父元素宽度
- 如何双向扩展元素宽度
- 基于元素宽度插件的媒体查询
- 在窗口呈现后将元素宽度分配给窗口宽度
- 在 javascript 中打印元素宽度
- 如何使用 ng 样式设置元素宽度 % 的样式
- 动态元素宽度和 IE9 子像素精度
- 如何在更改选择元素宽度时固定所有元素位置
- 正在将元素宽度从px更改为%
- 根据元素宽度向javascript字符串添加空格
- 设置html元素宽度的动画
- 如果元素宽度有效,则使用jQuery函数
- 文档就绪时未定义元素宽度
- 在canvasjs中设置容器元素宽度时发生recursionCount错误
- jQuery元素宽度类型