未捕获的TypeError:无法读取未定义的属性"ownerDocument"

Question

我正在自学AJAX来AJAX化我的网站.在我的模板中,我有以下JS代码从视图中获取一些JSON数据,然后将数据附加到div.

function filter(type) {
  $.getJSON(
    '/activity_stream/global-activity-stream/', 
    {xhr: "true", filter: type}, 
    function(data) {
      $('.mainContent').children().remove();
      $(data).appendTo('.mainContent');
    });
  }

  $(".btn").click(function () { 
    filter("recent"); 
  });
}

我认为我的观点是返回正确的JSON,但现在数据没有添加到.mainContentdiv.

它给出了这个错误:

未捕获的TypeError:无法读取未定义的属性"ownerDocument".

Answer 1

确保您将选择器传递给jQuery,而不是某种形式的数据:

$( '.my-selector' )

不:

$( [ 'my-data' ] )

Answer 2

我有类似的问题.我使用的是jQuery.map但是我忘了在最后使用jQuery.map(...).get()来处理普通数组.