2012-05-06 52 views
0

我在一個情況使用的Attr Jquery的

我追加一個按鈕,一個div,它的寬度

$('#main').append('<button id="hello" type="button" style="width:100px">Click Me!</button>'); 

我試圖改變寬度卻沒有任何反應

$("#main").prop({ width: '300px'}); 

我試着使用.css,.attr和.width來嘗試改變寬度,但同樣的問題仍然在發生。我仍然不確定爲什麼這會發生,即使使用谷歌搜索,如果任何人都可以幫助,這將是偉大的。

+0

你想改變ID爲'main'的元素的寬度,還是按鈕的寬度? '.width(300)'應該可以很好地工作,無論哪種方式。 –

+0

按鈕的寬度 – user1357159

回答

2

如果你想設置按鈕的寬度,你必須選擇按鈕,而不是div。

$('#hello').width(300); 

Demo 1

如果你的目標是後.append() ING立即設置寬度,你最好只是用正確的寬度開始:

$('#main').append($('<button/>', { 
    id: 'hello', 
    text: 'Click Me!', 
    width: 300 
})); 

Demo 2


閱讀.width()http://api.jquery.com/width/#width2(是的,jQuery API文檔現在正在運行。)

+0

我在看了我的代碼大約一個小時後發現了一個變量,我用一個變量來選擇按鈕:$(myvar)但是我忘了放置「#」infront。每次我都會一直忽略那部分,然後認爲在jQuery中設置按鈕寬度時一定會有一些問題。爾加!雖然非常感謝! – user1357159

0

您正在更改保存它的元素的寬度,是不是要更改按鈕的寬度?另外jQuery有一個寬度方法。

$("#hello").width(300); 
//or 
$("#main").find("button").width(300); 
0

你是不是想改變#main股利或#hello按鈕?

DIV:

$("#main").css('width', '300px'); 

BUTTON:

$("#hello").css('width', '300px'); 

我知道你說你已經使用的CSS方法,但它應該是工作。如果它仍然不起作用,你可以在jsfiddle中放置一個例子,這樣我們可以看到更好的效果。