jQuery的元素寬度

Question

我做了一個功能，以中心對齊形成一個提交按鈕：

function btnCentrage(element, parent){ 
    var widthForm = $(parent).innerWidth(); 
    var widthBtn = $(element).outerWidth(); 
    var placement = (widthForm - widthBtn)/2; 
    console.log(element + '/' + parent + '/' + widthForm + '/' + widthBtn + '/' + placement); 
    $(element).css('margin', '0 '+ placement + 'px'); 
} 
    btnCentrage('#connectForm .btn_small', '.connect_bottom'); 

當我調用此函數（DOM加載後），它沒有任何元素的寬度或父寬度。

Answer 1

最明顯的原因是，它沒有找到元素或父級。嘗試將$(parent).length和$(element).length添加到您的console.log調試轉儲中，以查看它是否確實在查找您的DOM節點。

Answer 2

在JQuery中，您只需使用width()。

正如所解釋的here，你可以這樣做：

var widthBtn = $(element).width(); 

Answer 3

您的代碼似乎工作，所以答案是，元素是沒有選擇正確（如Ianus說的）或你的元素並不爲可見尚卡爾說。

而且也指出你可以很容易地使用CSS來做到這一點。

您的代碼：http://jsfiddle.net/kasdega/QbvxA/

一個可能的CSS版本：http://jsfiddle.net/kasdega/QbvxA/1/