0

我正在编写一个程序，其中单击事件处理程序向我的节点服务器触发 ajax 请求，然后在把手部分中呈现信息并将其发送回客户端（res.render("partials/scraped-article", data);）。客户端 javascript 将此 html 附加到文档并使用 bootstrap .modal("show") 函数显示模式。该程序在第一次触发 click 事件处理程序时显示模式，但之后不识别 .modal("show") 函数。有没有办法来解决这个问题？

客户端Javascript：

$(document).on("click", "#scrape-options li", function(){
    var choice = $(this).text();
    var request;

    if(choice === "website1")
        request = "/scrape/website1";
    else
        request = "/scrape/website2";

    $.ajax({
        type: "GET", 
        url: request
    }).then(function(response){
        $(".news-article").remove();

        $("footer").append(response);

        $('.news-article-img').each(function(i, element){
            $(this).css({'height': ($(this).next().height() + 'px')});
        });

        $("footer h1").addClass("display-none");
        $("#articles-added").text($(".news-article").length);
        $(".modal").modal("show");
    });
});
4

1 回答 1

0

事实证明，即使您正在渲染部分内容，从服务器发送的响应也会嵌入到默认模板中（即，它将是一个完整的 HTML 文档）。如果您只是将它添加到 DOM，您将再次插入 Bootstrap 脚本，这会做一些奇怪的事情，例如禁用 $(...).modal 函数。相反，您应该使用 array.split 方法来提取正文 HTML，然后将其附加到 DOM。

于 2018-03-24T17:09:13.940 回答