javascript - jQuery width() 不起作用

标签 javascript jquery twitter-bootstrap width

我试图获取 Bootstrap 站点上特定类“span4”的第一个 div 的宽度,但脚本根本无法执行我调用 width() 的第二行。这是我所拥有的:

var span = $('div.span4').first();
spanWidth = span.width();

奇怪的是,当我删除上面两行并将 spanWidth 设置为常量时,我​​立即有类似的工作代码,工作正常:

elements = $('a.backlink');
elements.each(function() {
var a = $(this);
if (a.width() > spanWidth) {
    var aText = a.text();
    var lastIndex = aText.lastIndexOf(' ');
    var aTruncated = aText.substring(0, lastIndex);
    a.text(aTruncated + '...');
}
});

知道是什么原因造成的吗?我尝试了很多不同的方法来以不同的方式格式化这两行,例如切换到 each() 方法、压缩为一行以及使用 [0]get(0) 而不是 first()

最佳答案

尝试将跨度的显示设置为内联 block 。

关于javascript - jQuery width() 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17061271/

相关文章:

html - 如何使用 Bootstrap 导航栏和侧边栏? (组件重叠)

javascript - bootstrap aside 在小型设备上隐藏分页元素

html - Twitter-Bootstrap & IE 网格系统问题

javascript - 访问 jQuery 插件中的原始目标元素

javascript - $.ajax 是否替代 $(document).ready(function()?

javascript - 在 Materialise Carousel 上禁用触摸

javascript - 如何使用 jquery 删除除最后 2 个之外的所有类 div?

javascript - 简单的移动 jQuery 切换按钮和 .toggle 最新 jQuery 的替代品

javascript - 当父组件更新 vuejs 时,子组件不会更新

javascript - CSS - 需要帮助找出我的下拉菜单导航出错的地方