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> 。 =）