Call function on click instead of onload

Question

I have this function which run when loading the page

                function sssssss(page){
                loading_show();                 
                $.ajax
                ({
                    type: "GET",
                    url: "load_data.php",
                    data: "page="+page,
                    success: function(msg)
                    {
                        $("#container").ajaxComplete(function(event, request, settings)
                        {
                            loading_hide();
                            $("#container").html(msg);
                        });
                    }
                });
            }

I need to call this function also onClick let's say when clicking button id="go" I have tried by adding

$('#go').live('click',function sssssss(page){... }

it gives me an error.

How to call this function on Click?

Answer 1

Try this,

$('#go').live('click', function () {
    sssssss(page);
})

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers.

You should use,

$('body').on('click', '#go', function () {
    sssssss(page);
})

Answer 2

API of Jquery says: As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers.

this should work:

 $('#go').on('click', sssssss(page)); 

You can see examples here:

Api Jquery method On

Answer 3

Do this instead:

$('#go').click(function (){
 sssssss(page);
});