Форум

Kenuat · #1 (**permalink**) 05.11.2013, 19:23

Доброго дня, добавляю через append элемент <button>, стиль jqueryui не применяется, вставляю ту же строчку в html - всё ок.
Как заставить браузер применить стиль?

Заранее благодарю!

ksa · #2 (**permalink**) 05.11.2013, 19:26

Сообщение от Kenuat

Как заставить браузер применить стиль?

Дело точно не в браузере...

Сообщение от Kenuat

вставляю ту же строчку в html - всё ок

Значит результат "ручной вставки" таки отличается от программной...

Kenuat · #3 (**permalink**) 05.11.2013, 19:45

да, в этом и вопрос, 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>

рони · #4 (**permalink**) 05.11.2013, 20:09

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>

Форум

Справочник

Discord чат

Курсы javascript