javascript - 从 Ajax 加载的内容加载内容

Question

我可以使用 Ajax 将内容加载到我的项目中，但内容也有对相同功能的 Ajax 调用。但是这些调用不起作用。

$(function cargar_ajax(){
$(".call_cuerpo").on("click",function(){
    var content_id = $(this).data("id")
    //~ console.log(content_id)
    $.ajax({
        url: "/get_content?content_id="+content_id,
        }).done(function(res) {
            $( '.contenido_ajax' ).html(res);
            });
    });
});

我读到你必须在加载内容后调用该函数，而不是如何或在哪里。

这是我在 HTML 中的 div:

<div class="contenido_ajax"></div>

一个有效的 Ajax 调用:

<li><a href="#" class="call_cuerpo" data-id="1"><small>Load ajax content</small></a></li>

如果加载了 Ajax，则此调用不起作用:

<li><a href="#" class="call_cuerpo" data-id="{{ item.content_id }}@{{ item.book_id }}">{{ item.code }}</a></li>

代码是从 Ajax 调用加载的。

注意:我使用的是:Django 1.6 + bootstrap 3.2 + html 5

提前致谢。

Answer 1

因为 .call_cuerpo 元素被动态附加到 DOM，所以您需要使用委托(delegate)事件处理程序:

$('.contenido_ajax').on('click', '.call_cuerpo', function() {
    // rest of your code...
});