javascript - AttrJqueryの使用

Question

私は状況にあります

幅のあるdivにボタンを追加しています

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

幅を変えようとしていますが何も起こりません

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

.css、.attr、.widthを使用して幅を変更しようとしましたが、同じ問題が引き続き発生します。グーグルした後でも、なぜこれが起こっているのかはまだわかりません。誰かがそれを手伝ってくれるなら、それは素晴らしいことです。

score 2 · Accepted Answer

ボタンの幅を設定しようとしている場合は、divではなくボタンを選択する必要があります。

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

ingの直後に幅を設定することが目標である場合は.append()、適切な幅から始めることをお勧めします。

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

続きを読む.width()：http ：//api.jquery.com/width/#width2 （はい、jQuery APIドキュメントは現在ダウンしています。）

score 0 · Accepted Answer

それを保持している要素の幅を変更していますが、ボタンの幅を変更しませんか？また、jQueryにはwidthメソッドがあります。

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

score 0 · Accepted Answer

#maindivまたは#helloボタンを変更しようとしていますか？

DIV：

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

ボタン：

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

.cssメソッドを使用したとおっしゃっていましたが、機能しているはずです。それでも機能しない場合は、jsfiddleに例を示して、よりよく見えるようにすることができます。

3 に答える 3