Создание галереи цветов

Question

Я пытаюсь создать галерею цветов, но не могу этого сделать. Вот то, что я сделал до сих пор.
Я хочу попробовать, когда пользователь нажимает кнопку, li добавляется к ul, и именно здесьначинается.Я подумал, что после добавления li, background-color будет применяться к li, но вместо этого применяется к ul.Не могли бы вы помочь мне, пожалуйста, потому что я новичок, а также не вините меня за мой английский, если у меня есть ошибки.Английский - это мой третий язык, который я пытаюсь объяснить как можно сильнее!

Answer 1

Вам нужно просто изменить порядок операций.

Вместо нацеливания на Галерею, добавления элемента и попытки изменить CSS.

Мы создадим элемент, нацеливаемся на CSS элемента, затем добавим этот элемент в # gallery.

Посмотрите на jsfiddle ниже, чтобы увидеть изменения в действии.

http://jsfiddle.net/8USqU/4/

Answer 2

Я изменил ваш код, проверьте его http://jsfiddle.net/8USqU/5/

Эта часть выглядит неправильно.

$('#gallery').append('<li></li>').css('background', storedHex);  

Я изменил на

$("<li>").css('background-color', storedHex).appendTo($('#gallery'));

На самом деле вы можете использоватьbackground-color вместо background.Потому что background селектор может занять много имущества, но все, что вам нужно, это background-color