Function .on is not working after ajax call about jquery.inview HOT 2 CLOSED

Sorry, problem is found

.live function can be attached to triggered element that loads after ajax call, .on function can't do this. When I attached .on function to body element issue was resolved

Correct example with .on

jQuery('body').on('inview', '.home_picker_next span', function(e){

Not correct

jQuery('.home_picker_next').on('inview', 'span', function(e){

from jquery.inview.

Actually this does not work correctly

Body was not working for me at all, so i used document as this is what people seem to be doing when attaching events to be working with AJAX. Problem is that the $($this) will hold all elements of the selector then. And will also now with with one as it will be triggered one time and then never again. I need to have it triggered for each element once so I guess i will use ajaxComple() and create the events new every time after AJAX calls, not sure of this works of they are done without jQuery.

    //$(document).on( 'inview', '.arve-use-inview [data-arve-mode="lazyload"]', function( event, isInView ) { // NOT WORKING will have all elements in $this
    $('.arve-use-inview [data-arve-mode="lazyload"]').one( 'inview', function( event, isInView ) {
        console.log($(this));
      if ( isInView ) {
        load_video( $(this) );
      }
    });

from jquery.inview.