javascript - jquery .on(点击)不工作

Question

我有一个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);
});

它在第一次点击时有效，但在动态生成页面后无效

Answer 1

给你:

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