Uncaught TypeError: nie można odczytać własności „ownerDocument” o nieokreślonej

Question

Uczę się AJAX do AJAXify moją stronę. W moim szablonie mam następujący kod JS, aby uzyskać niektóre dane JSON z widoku, a następnie dołączyć dane do elementu 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"); 
    }); 
} 

myślę, że mój pogląd jest powrót prawidłowego JSON, ale teraz dane nie są dodawane do .mainContent div.

Daje ten błąd:

Uncaught TypeError: Cannot read property 'ownerDocument' of undefined.

Answer 1

upewnij się, że przechodząc selektor jQuery, a nie jakąś formę danych:

$('.my-selector') 

nie

:

$([ 'my-data' ]) 

Answer 2

I miał podobny problem. Używałem jQuery.map, ale zapomniałem użyć jQuery.map (...). Get() na końcu do pracy z normalną tablicą.

Answer 3

Ten sam problem pojawił się w mnie pod numerem $elms.each().

Ponieważ:

1. funkcja przekazać do .each(Function) expose (co najmniej) dwóch argumentów; pierwszy jest indeks, a drugi będąc elementem bieżącego elementu na liście, a
2. ponieważ inne podobne metody wykorzystaniem pętli podać aktualny element w tablicy przed indeksu

może ulec pokusie, aby zrobić to:

$elms.each((item) => $(item).addClass('wrong')); 

Kiedy jest to, czego potrzebujesz:

$elms.each((index, item) => $(item).addClass('wrong'));