Не применяется css после append
Доброго дня, добавляю через append элемент <button>, стиль jqueryui не применяется, вставляю ту же строчку в html - всё ок.
Как заставить браузер применить стиль? Заранее благодарю! |
Цитата:
Цитата:
|
да, в этом и вопрос, html в браузере:
<div id="divtest"> <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"> <span class="ui-button-text">Edit</span> </button> <button>Edit</button> </div> html в файле:
<script>
$("#divtest").append(edit_button(1));
function edit_button(id) {
var btnEdit = $('<button>Edit</button> ').click(function () {
alert('edit ' + id);
});
return btnEdit;
}
</script>
<div class="ui-widget">
<div id="divtest"><button>Edit</button></div>
</div>
|
Kenuat,
что не работает то?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>buttonMarkup demo</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div class="ui-widget">
<div id="divtest"><button>Edit</button></div>
</div>
<script>
$("#divtest").append(edit_button(1));
function edit_button(id) {
var btnEdit = $('<button>Edit</button> ').click(function () {
alert('edit ' + id);
});
return btnEdit;
}
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 22:02. |