jQuery計算寬度，並將寬度應用到所需的容器

我試圖計算視口寬度，然後從中減去一個值，然後將結果應用到所需的容器。我發現了一些很接近的例子，並設法湊齊以下內容，但它根本沒有做任何事情。jQuery計算寬度，並將寬度應用到所需的容器

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

在此先感謝！

來源

2011-12-31 Ichimonban

有幾件事情：

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

除非你使用他們別的東西，不需要臨時變量。

此外，我不知道這是否是由於您使用的任何編輯器，但您已插入無效字符到您的示例代碼塊。例如，「應該是"和–應該是-（注意兩者的細微差別）。 Javascript解釋器對這些字符進行搜索，因爲它們在給定的上下文中是無效的。

最後，你不應該把純Javascript和jQuery混合在一起，它不會有很多意義。而不是通過document.getElementById來應用寬度，你應該簡單地使用jQuery的width函數，它還允許你設置寬度。

來源

2011-12-31 08:59:39

真不錯，謝謝。我實際上剛剛結束了用整數260交換controlWidget，它的魅力，我還有另外一個方程，有沒有一種簡單的方法來重新計算視口重新大小？ – Ichimonban 2011-12-31 09:54:48

檢查AA的價值和BB的最後一條語句之前（使用警報或執行console.log（））
務必元素thumbList存在
變化最後一條語句用簡單的$(#thumbList).width(aa-bb)

width jQuery的也可用於設置寬度，從http://api.jquery.com/width/

如果未指定明確的單位（如'em'或'％'），則將「px」連接到該值。

來源

2011-12-31 08:53:02 fcalderan

jQuery計算寬度，並將寬度應用到所需的容器

回答

相關問題