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

Answer 2

如果您希望在与该选择器匹配的所有未来元素上触发操作，则可以设置文档上的单击并查找该项目的单击。这看起来像是：

$(document).click(function (e) {
    if ($(e.target).is(".testSelector")) {
        // do stuff to $(e.target)
    }
});

jquery .on（点击）不工作

2 个答案: