Я не могу охватить класс моего × оповещения (начальной загрузки) в JavaScript

Question

Я пытаюсь, чтобы кнопка закрытия отображалась справа. Прямо сейчас над моим «сообщением об успехе» появляется кнопка «x»

Я пытался разместить диапазон в нескольких местах и ​​несколькими способами, но не могу понять это.

var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" <span aria-hidden="true">&times;</button>' + messageText + '</span></div>';

Кнопка закрытия продолжает отображаться над сообщением независимо от того, что я пытаюсь.

Answer 1

Ваш код генерирует это:

<div class="alert {messageAlert} alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" <span aria-hidden="true">&times;</button>{messageText}</span></div>'

Что не является допустимой разметкой, потому что у вас есть интервал в середине тега кнопки.Браузер попытается исправить это, с разными результатами.

Попробуйте закрыть тег кнопки и переместить тег закрытия интервала внутри кнопки закрытия следующим образом.Я разложил вещи так, чтобы вы могли видеть, что теги совпадают.

alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable">
                  <button type="button" class="close" data-dismiss="alert">
                    <span aria-hidden="true">&times;</span>
                  </button>' + messageText 
             + '</div>';