javascript - jQuery.on(点击)不起作用

我在html上有一个链接

<a href="#instalacoes" id="instalacoesbutton">Veja aqui »</a></p>

我正在使用.on（）进行过渡并从外部文件加载内容

$(document).on("click", '#instalacoesbutton', function(){
$("#maincontent").slideUp(1000, function () {
$("#maincontent").load("instalacoes.html #instalacoes");
}).delay(500).slideDown(1000);
});

知道为什么这行不通吗？

如果我做：

$("#instalacoesbutton").on("click", function(){
$("#maincontent").slideUp(1000, function () {
$("#maincontent").load("instalacoes.html #instalacoes");
}).delay(500).slideDown(1000);
});

第一次点击就可以使用，但是在动态生成页面后无法使用

最佳答案

干得好：

jQuery的：

$(document).ready(function() {
    $("#instalacoesbutton").on("click", function() {
        $("#maincontent").slideUp(1000, function () {
            $("#maincontent").load("instalacoes.html #instalacoes");
        }).delay(500).slideDown(1000);
    });
});

Try it yourself on jsFiddle