Bind working in browser but not is mobile devices.

[dhrubo001]

I have a chat box where it scrolls to the bottom and loads all the chats,(which includes images).
It's working fine in browser, but images not loading in the mobile devices

var wrap = $("html,body #chatdiv");
wrap.on("load scroll", function(e) {
$('.chats_attachments').bind('inview', function (event, visible) {
var status = $(this).attr("data-loaded");

			if(status == 0)
			{
				var src = $(this).attr("data-src");
				$(this).attr("src",base_url+"/assets/img/chats/"+src);
				
				$(this).load(function() {
				  $(this).attr("data-loaded",1);
				});
			}
	 });
});

Why this is happening, Check the screenshots

This is the mobile view... I have a fake image which willl be converted to the actual image using data-src attribute