Jquery 拒绝使用twitter引导事件创建的警报

我正在努力学习jquery和twitter引导。我有两种警报：

页面加载时发出警报

在简单示例中，基于操作（按钮单击）发出警报

按“x”键可清除页面加载创建的警报。同样的情况不会发生在按钮加载的情况下。我的剧本有什么遗漏吗

<div class="container">
    <div class="row">
        <div class="span12">

            <div id="alert-section" class="alert alert-success">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <h4>Page load alert!</h4>
                This alert is displayed when page loads.
            </div>

            <button type="button" id="btn-alert" href="#">Open my alert</button>

            <div id="le-alert"></div>

        </div>
    </div>
</div>

    $('#btn-alert').click(function () {
      $('#le-alert').addClass('alert in');
        $('#le-alert').append('<button type="button" class="close" data-dismiss="alert">&times;</button><h4>Alert title</h4><p>This alert is dispalyed on button click</p>');
    });

    $('.close').click(function () {
      $(this).parent().removeClass('alert in');
      $(this).parent().empty();
    });

&时代；
页面加载警报！
页面加载时会显示此警报。
打开我的警报
$（“#btn警报”）。单击（函数（）{
$（'le alert'）.addClass（'alert in'）；
$（“#le alert”）.append（“×；alert title此警报在单击按钮时显示）
”；
});
$（'.close'）。单击（函数（）{
$（this.parent（）.removeClass（'alert in'）；
$（this.parent（）.empty（）；
});

代码演示：

---

您正在添加一个类为“close”的按钮，但在创建目标按钮之前，该按钮将绑定到该类的所有元素。你需要授权

$('body').on('click', '.close', function() {
    $(this).parent().removeClass('alert in').empty();
});

---

如果这样做有效，请使用较低级别的一致性包装器替换

body

，以逆转DOM遍历工作。

在创建目标按钮之前，您将附加一个类为“close”的按钮，但绑定到该类的所有元素。你需要授权

$('body').on('click', '.close', function() {
    $(this).parent().removeClass('alert in').empty();
});

---

如果这样做有效，请使用较低级别的一致性包装器替换

正文

，以反转DOM遍历工作。

您要查找的是事件委派，只有调用

$（'.close'）

时文档中的

.close

div将绑定click处理程序。之后创建的任何事件都不会绑定事件处理程序

$(document).on('click', '.close', function () {
  $(this).parent().removeClass('alert in');
  $(this).parent().empty();
});

---

您要查找的是事件委派，只有当您调用

$（'.close'）

时文档中的

.close

div将绑定click处理程序。之后创建的任何事件都不会绑定事件处理程序

$(document).on('click', '.close', function () {
  $(this).parent().removeClass('alert in');
  $(this).parent().empty();
});

---

当您在按钮中使用“数据解除”属性，并第一次关闭按钮时，完整的元素将消失，在重新加载/刷新页面之前，您将无法再次看到该元素。因此，如果希望在不刷新页面的情况下重复显示警报弹出窗口，请删除“数据解除”属性

使用jquery的hide（）方法关闭警报，而不是将其从文档对象模型中完全删除。 有关相同的问题，请参阅此

例如—

<div class="alert alert-success fade in">
        <button type="button" class="close">&times;</button>
        <strong>Sucess!</strong> Values updated!!

---

当您在按钮中使用“数据解除”属性并第一次关闭按钮时，完整的元素将消失，并且在重新加载/刷新页面之前，您将不会再次看到该元素。因此，如果希望在不刷新页面的情况下重复显示警报弹出窗口，请删除“数据解除”属性

使用jquery的hide（）方法关闭警报，而不是将其从文档对象模型中完全删除。 有关相同的问题，请参阅此

例如—

<div class="alert alert-success fade in">
        <button type="button" class="close">&times;</button>
        <strong>Sucess!</strong> Values updated!!

---

如果要在删除警报消息时产生淡出效果，请尝试以下操作：

HTML

<div class="alert alert-success fade in">
        <strong>Well done!</strong> You can remove this important alert message.
        <button type="button" class="close">&times;</button>
</div>

---

如果要在删除警报消息时产生淡出效果，请尝试以下操作：

HTML

<div class="alert alert-success fade in">
        <strong>Well done!</strong> You can remove this important alert message.
        <button type="button" class="close">&times;</button>
</div>

---

我也遇到了这个问题，简单地用一个click事件攻击close按钮的问题是，我仍然需要访问标准的bootstrap alert close事件

我的解决方案是编写一个脚本，它以最小的麻烦注入一个正确格式的引导3警报（根据需要使用或不使用关闭按钮），并允许您在盒子关闭后轻松地重新生成警报

---

有关用法、测试和示例，请参阅。

我也遇到了这个问题，简单地用单击事件攻击关闭按钮的问题是，我仍然需要访问标准引导警报关闭事件

我的解决方案是编写一个脚本，它以最小的麻烦注入一个正确格式的引导3警报（根据需要使用或不使用关闭按钮），并允许您在盒子关闭后轻松地重新生成警报

---

有关用法、测试和示例，请参阅。

Related:Related：这对我来说不太合适。我想我还是错过了一些东西。下面是实际的html文件：我可以使用按钮启动和关闭警报，但在第一次关闭警报后，警报不会再次出现。这对我来说不太管用。我想我还是错过了一些东西。这是实际的html文件：我可以使用按钮启动和关闭警报，但在第一次关闭警报后，警报不会再次出现。这对我也不起作用。我想我还是错过了一些东西。我可以使用该按钮启动和关闭警报，但它在第一次关闭后不会再次出现。这是实际的html文件：gist.github.com/rgokul/6277164这对我也不起作用。我想我还是错过了一些东西。我可以使用该按钮启动和关闭警报，但它在第一次关闭后不会再次出现。这是实际的html文件：gist.github.com/rgokul/6277164是的，这对我很有用。如果您可以增强答案以包含其他用户发布的代码段，那么我可以将其标记为正确答案。根据请求增强答案！：）是的，这对我有用。如果您可以增强答案以包含其他用户发布的代码段，那么我可以将其标记为正确答案。根据请求增强答案！：）