JQuery dynamic binding event click event invalid (excerpt record)

<div id="Container" >
// dynamically load code
</div>

Dynamically loading code is as follows:

<li class="floatX">
//code
</li>

Invalid binding method:

$(".floatX").on('click',function () {
console.log(this);
});

$(".floatX").click(function () {
console.log(this);
});

Proper use:

$("#Container").on('click','.floatX',function () {
console.log("this");
});