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>是一种更好的做法。 =）

jQuery代码不会触发模态窗体

1 个答案: