#javascript #html #bootstrap-toast
#javascript #HTML #bootstrap-toast
Вопрос:
После сохранения некоторых данных я не могу понять, как заставить их отображаться в bootstrap toast
(javascript)
function getItemSuccess(data) {
//4.3 Show the data in a Bootstrap Toast UI component
$('.toast').toast('show')
});
(html)
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<img src="..." class="rounded mr-2" alt="...">
<strong class="mr-auto">DominantColor</strong>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">amp;times;</span>
</button>
</div>
</div>
</div>
Ответ №1:
Попробуйте это:
function getItemSuccess(data) {
$('.toast strong').html(data);
$('.toast').toast('show')
});