0 
for (var i = 0; i < colors.length; i++) {
    str += "<span class='ecolor' style='background-color:'" + colors[i] + "' title='" + colors[i] + "'></span>";
}

正しい書き順は？style='background-color:'" + colors[i] + "'

そのため、背景色で適切にレンダリングされます。現在、動作していません`

4

5 に答える 5

4 
 str += "<span class='ecolor' style='background-color:'" + colors[i] + "' title='" + colors[i] + "'></span>";

これは次のようになります。

<span class='ecolor' style='background-color:'red' title='red'></span>

:との間の余分な引用符に注意してくださいr。

 str += "<span class='ecolor' style='background-color: " + colors[i] + "' title='" + colors[i] + "'></span>";
于 2012-04-28T08:57:30.847 に答える
0

スパンには何もありません。これはインライン要素であるため、何もなくなりません。コンテンツや適切なスタイルがありません。

そこにスタイリングはありますか？
そして、colors配列には何がありますか？

于 2012-04-28T08:56:22.713 に答える
0

その理由は、スパン内に幅を与えるための入力がないためです。

スペースを挿入するだけです：

for (var i = 0; i < colors.length; i++) {
    str += "<span class='ecolor' style='background-color:'" + colors[i] + "' title='" + colors[i] + "'> &nbsp;</span>";
}
于 2012-04-28T08:56:45.123 に答える
0

ハイ

コードは次のようになります

for (var i = 0; i < colors.length; i++) {
    str += "<span class=\"ecolor\" style=\"background-color:" + colors[i] + "\" title=\"" + colors[i] + "\"></span>";
}
于 2012-04-28T08:58:13.287 に答える
0

コロンの直後で background-color を閉じます:

いいえ

str += "<span class='ecolor' style='background-color:'" + colors[i] +

しかし

str += "<span class='ecolor' style='background-color:" + colors[i] +
于 2012-04-28T08:58:17.437 に答える