Question

我试图在jQuery中调用所有.close按钮。但它不起作用。

in html

<a id="clear" style="display: none;">clear</a>
<ul id="file-list">
    <li class="alert">
        <div id="file-name">file1.txt</div>
        <button class="close" data-dismiss="alert"></button>
    </li>
    <li class="alert">
        <div id="file-name">file2.txt</div>
        <button class="close" data-dismiss="alert"></button>
    </li>  
    <li class="alert">
        <div id="file-name">file3.txt</div>
        <button class="close" data-dismiss="alert"></button>
    </li>
</ul>

在jQuery中，

$('#clear').click(function() {
    $(button).alert('close');
});

我缺少什么？感谢。

Answer 1

尝试：

$('#clear').click(function(e) {
    //prevent the A from doing what it would normally do
    e.preventDefault();
    //selects all buttons with close class, and click them
    $('button.close').click();
});

Answer 2

您不能在任何自定义按钮上使用alert()。阅读本文 -

警告框是系统对象，不受CSS限制。要做这种风格的事情，您需要创建一个HTML元素并模仿alert（）功能。

来自此answer

的来源

而是尝试$("button").trigger("click")或$("button").click()来调用按钮的点击事件。

Answer 3

在bootstrap中你必须将data-dismiss =“alert”更改为data-dismiss =“modal”

<button type="button" class="btn btn-default " data-dismiss="modal">Close</button>

试试这一行

调用一个boostrap .close按钮 - alert.js

3 个答案: