Пожалуйста
Сообщение от vospa
|
ПЫ.СЫ. В хроме все работает, а в лисе и ИЕ нет... Ну и в панели тоже... 
|
Проверила, и правда. Почему-то не работают события на элементах внутри button. Переделала:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<style>
.button_color {
width: 60px;
}
.fa-cog {
font-size: 14px;
color: #5f5f5f;
opacity: 0.5;
margin-right:5px;
}
.fa-cog:hover {
opacity: 1;
}
</style>
<script>
$(function() {
$(".button_color").each(function() {
if (localStorage.getItem(this.id)) {
$(this).text(localStorage.getItem(this.id))
}
});
$(".fa-cog").click(function(e) {
var x = prompt("Введите имя для кнопки");
if (x) {
$(this).prev().text(x);
localStorage[$(this).prev().attr("id")] = x;
}
});
})
</script>
</head>
<body>
<button class="button_color" id="Cb1">A1</button><i class="fa fa-cog"></i>
<button class="button_color" id="Cb2">A2</button><i class="fa fa-cog"></i>
<button class="button_color" id="Cb3">A3</button><i class="fa fa-cog"></i>
<button class="button_color" id="Cb4">A4</button><i class="fa fa-cog"></i>
</body>
</html>