невозможно применить стили к динамически добавленным элементам

ниже мой код и стиль не применяются по какой-либо причине. Возможно, я ошибаюсь. i просто добавил li динамически.невозможно применить стили к динамически добавленным элементам

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Test</title> 
<style > 
    #menu ul{ 
     background: red;   
    } 
    #menu ul li{ 
     float: left; 
     list-style-type: none; 
    } 
</style> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script> 
    $(function() { 
     var arr = new Array("file", "edit"); 
     for (var i = 0; i < arr.length; i++) { 
      localStorage.setItem(i, arr[i]); 
     } 

     for (var i = 0; i < arr.length; i++) { 
      $("#menu").append("<li>" + localStorage.getItem(i) + "</li>"); 
     } 

    }); 
</script> 
</head> 
<body> 

<ul id="menu" class="menu"></ul> 


</body> 
</html>

Позвольте мне пояснить, что я не хочу добавлять css динамически. потому что я ожидаю много CSS

источник

2013-12-20 Susheel Singh

Меню является ul элемент

#menu { 
    background: red; 
} 
#menu li { 
    float: left; 
    list-style-type: none; 
}

Demo: Fiddle

источник

2013-12-20 11:10:02

#menu является UL

#menu li{ 
    float: left; 
    list-style-type: none; 
}

#menu ul li совпадало со UL внутри #menu UL и т.д.

источник

2013-12-20 11:10:02 adeneo

hahhahah wattaa нелепую ошибку я сделал ..: ( –

ul имеет id="menu", поэтому вы должны объявить стиль следующим образом.

ul#menu li{ 
      float: left; 
      list-style-type: none; 
     }

источник

2013-12-20 11:10:41 Parixit

моя глупая ошибка в спешке спасибо –

#menu это идентификатор ul так предназначаться их li

Попробуйте

#menu li{ 
     float: left; 
     list-style-type: none; 
    }

источник

2013-12-20 11:13:48

обновленной скрипку: http://jsfiddle.net/2EcWH/3/

ul { 
    background: red; 
    float: left; 
} 
#menu.li { 
    list-style-type: none; 
}

источник

2013-12-20 11:18:15

моя глупая ошибка извините –

невозможно применить стили к динамически добавленным элементам

ответ

Смежные вопросы