jquery on() selector not working on mobile browsers/dynamically created content

Question

I am having problem with jquery on selector. When I am using

$('.class').on("click",function(){
//Code
});

its working on mobile devices but fails to select dynamically created content so I changed to

$( document ).on('click', '.class' ,function(){
//Code
});

Now that it works for dynamically created contents but is no longer supported on mobile browsers such as Opera Mini or Uc Browser How can I make it work on all conditions.

Answer 1

Ok finally Resolved it of My own:

add the required code in an function: and take an variable temp to store temporary boolean value

var temp=true;
function function($this){
//Code
}

$('.class').on("click",function(){
    var $this = $(this);
    function($this);
    temp=false;//making temp false to avoid re execution.
});

$( document ).on('click', '.class' ,function(){
    if(temp){
        var $this = $(this);
        function($this);
    }else{
        temp=true;//making temp true for next event.
    }
});