jQuery代码不会触发模态窗体

Question

我有一个简单的链接，它将触发ajax调用并更改状态，我希望在模态窗体上反映（立即）新状态。

问题是：当我点击模态表格（下面）上的链接时，没有任何反应。

<a title="Autoplay" data-placement="top" data-toggle="tooltip" class="glyphicon glyphicon-stop" id="autoplayStatus" href="#"></a>

在$（document）.ready（）中，我有这个：

$("#autoplayStatus").click(function(event){
        alert('test');
    })

我应该做些什么来确保jQuery可以选择并绑定到模态窗体上的对象？

Answer 1

为了确保jQuery绑定到Bootstrap创建的模式中的按钮（或其他东西），您应该像这样编写事件处理程序：

$(document).ready(function() {
    $('.container').on('click', '#autoplayStatus', function() {
        alert('Ohai!');
    });
});

然后，在我的示例中，将锚标记包装在容器中：

<div class="container">
    <a title="Autoplay" data-placement="top" data-toggle="tooltip" class="glyphicon glyphicon-stop" id="autoplayStatus" href="#"></a>
</div>

在旁注中，最好在创建按钮时使用<button>代替<a> 。 =）