Home/ Questions/Q 8051429
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T07:18:08+00:00

My soft.php code <!DOCTYPE html> <html> <head><style> </style> <script src=jquery.js></script> <script> $(function(){ $(button).on(click,function(){alert(f);}); $(div).on(click,function(){

  • 0

My soft.php code

<!DOCTYPE html>
<html>
<head><style>
</style>
<script src="jquery.js"></script>
<script>
$(function(){
$("button").on("click",function(){alert("f");});
$("div").on("click",function(){
$("span").load("check.php");
});

});</script></head><body>
<div>Click</div>
<button>eaf</button><span></span>
</body></html>

And check.php code

<body>
<button>Hello</button>
</body>

I want to alert f on clicking on button which is loaded via ajax which was working fine with .live().
But someone told me that .on() can be used in place of live but .on() is not working here.Suggest Solution

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    $('body').on("click", "button", function(){
    alert("f");
});

    As your button added to DOM after page load you need to use delegate event.

    It would be better to use something other selector instead of body.

    You can use multiple selector like follwoing:

    $('body').on("click", "button, div", function(){
    alert("f");
});

    Read about .on()

    • 0