ccccの方の列にボタンが行かない

■ソース(sample.js)
$(function() {
$("#test3").css({
"float":"left",
"width":"20%"
});

});

$(function() {
$("#test4").css({
"float":"rigth",
"width":"80%"
});

$('.work_list').append($('<input />', {
	'type': 'button',
        'name':'work_name',
       	'data-role': 'controlgroup',
	'value':'TEST',
	'data-theme':'b'
})).trigger("create");

});

■ソース(test001.html)

<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="./helloJavascript.js"></script> <head> <body> <div id="test3"> aaaaaa </div> <div id="test4"> cccccc <div class="work_list" data-role="button" data-inline="true"></div> </div> </body> </html>

ボタンを作ることはできたのですが、希望の場所(ccccccの列)の方
ボタンが配置されません。
どうすれば cccccc/右側の列に配置されるでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

lang
1$(function() { 
2    $("#test4").css({ 
3        "float":"rigth", 
4        "width":"80%" 
5    });

の "rigth" を"right"に修正でいかがでしょうか？

投稿2015/05/06 01:32

jun68ykt

総合スコア9058

退会済みユーザー

2015/05/06 01:36

ありがとうございます。単純なスペルが間違っていただけなのですね(^_^;)

jun68ykt

2015/05/06 02:05

JQuery のcss()でスタイルを指定するときのスペルミスは自分もよくやります。ではどうやってスペルミスを見つけるかというと、自分の場合は以下のような手順です。 Google Chromeでテスト表示 ↓ Chromeの[デベロッパーツール]を開く ↓ Elementsのタブで、表示が思い通りにいってない要素をクリック（今の場合、<div id="test4" の行） ↓ Sylesのタブ内にそのdivに効いているスタイルが表示されるので、その中に自分のコードで設定したはずの、今回ならfloatとwidthがあるか確認 ↓ 無いものがあれば、スペルミスした可能性があるのでコードをチェック

行動規範の内容に同意します