Question

我正在尝试计算视口宽度，然后从中减去一个值，然后将结果应用到所需的容器中。我发现了一些很接近并且设法将下面的内容拼凑在一起的例子，但它根本没有做任何事情。

$(document).ready(function() {
var aa = $(window).width(); 
var bb = $(“#controlWidget”).width();
var cc = (aa – bb) + "px";
document.getElementById(‘thumbList’).style.width = cc;
});

提前致谢！

Answer 1

一些事情：

$(function() {
    $("#thumbList").width($(window).width() - $("#controlWidget").width());
});

除非您将其用于其他内容，否则不需要临时变量。

此外，我不知道这是否是由于您使用的任何编辑器，但是您在示例代码块中插入了无效字符。例如，“应为"，–应为-（注意两者的细微差别）。 Javascript解释器会对这些字符进行bork，因为它们在给定的上下文中是无效的。

最后，你不应该将纯Javascript与jQuery混合，它没有多大意义。您应该只使用jQuery的document.getElementById函数，而不是通过width应用宽度，这也允许您设置宽度。

Answer 2

在最后一个语句之前检查aa和bb的值（使用alert或console.log（））
确保元素thumbList存在
使用更简单的$(#thumbList).width(aa-bb)

jQuery width也可用于设置http://api.jquery.com/width/

如果未指定显式单位（如'em'或'％'），则“px”将连接到该值。

jQuery计算宽度，并将宽度应用于所需的容器

2 个答案: