时间戳

首页 > 解决方案 > 我无法在 javascript 中跨越类我的 × 警报（引导程序）

javascript - 我无法在 javascript 中跨越类我的 × 警报（引导程序）

问题描述

我试图让关闭按钮出现在右侧。现在关闭按钮“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>';

无论我尝试什么，关闭按钮都会继续显示在消息上方。

标签： javascripthtmltwitter-bootstrapbootstrap-4

解决方案

您的代码会生成以下内容：

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

推荐阅读