Question

我有一个加载某些表单元素的按钮，但是当用户多次单击该按钮时，它不会再次添加数据。它似乎只工作了一次。每次用户点击按钮时，我都需要它来添加ajax。

    $(".add-media-item").on("click", function () {
            $( ".media-item-zone" ).load( "/includes/add-media-item");
    });

Answer 1

.load(...)将使用您从服务器获取的内容替换其中的内容。您可能需要使用.append()，这也意味着您必须编写更自定义的ajax请求处理程序。类似的东西：

$(".add-media-item").on("click", function () {
        $.get("/includes/add-media-item", function(response) {
          $( ".media-item-zone" ).append(response);
        });
});

Answer 2

尝试清除＆＃34; .media-item-zone＆＃34;位于点击处理程序的顶部。此外，如果.add-media-item在.media-item-zone内，它可能会被加载函数擦除（似乎不太可能会抛出异常，所以一定要检查你的js控制台！）

Ajax加载仅适用于单个实例

2 个答案: