javascript - 我无法在 javascript 中跨越我的 × 警报( Bootstrap )类

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>';