jquery - jQuery 変数を「style」属性に挿入するための正しい構文

Question

var heightMap = $('.sticky-panel-map').outerHeight(true);

var fillerMap = $('<div style="height: '+ heightMap +'"/>');

構文が間違っているのか、それとも何なのかわかりません。heightMap適用されていない、私は Firebug でこれを取得しています:

<div style=""></div>

私が行ったコメントで述べたように、すべて良い：$("<div>").css("height", heightMap)

ありがとう

Answer 1

<div id = "styleheight">
</div>

jQueryの部分

var heightMap = $('.sticky-panel-map').outerHeight(true) + 'px';
$('#styleheight').css('height',heightMap)

Answer 2

$("<div>").css("height", heightMap)

また

$("<div>").height(heightMap)

はまったく同等です。一般に、jQuery に特化した機能がない限り、.css を使用して CRUD スタイルのエントリを作成できます。ここを見てください：http://api.jquery.com/css/

Answer 3

試す$('<div></div>').attr('style', 'height: ' + heightMap);

別のオプションは$('<div></div>').height(heightMap);

また、こちらもご覧ください: http://api.jquery.com/category/manipulation/