function with a function

[jimfog]

When we have 2 functions(one within another), in jquery. just like the code above:

$("#test").click(function(){	$(function(){alert("hi"); $(this).append('<img id="rem_service" align="center" src="Images/rem_service.png">'); })return false;			  									});

Is the second function(the inner)going to work as expected-or does it have to be called first, just like in PHP. I think not-in the above example though I only get the alert message-the append method does not work. Before examining other causes for this, I want to make sure first that an inner function(in jquery) works ok even if it is not called.

Edited December 17, 2012 by jimfog

[dsonesuk]

try

$("#test").click(function(){thisselector= $(this);        $(function(){alert("hi"); thisselector.append('<img id="rem_service" align="center" src="Images/rem_service.png">'); })

or

var thisselector;$("#test").click(function(){thisselector= $(this);        $(function(){alert("hi"); thisselector.append('<img id="rem_service" align="center" src="Images/rem_service.png">'); })

[jimfog]

What about the original question I made? In jquery, when you attache an event handler to an element...I suppose no need to callthe function.it is just executed as it is. Right?

[thescientist]

right, that's how event handlers in javascript work. you assign a function so that when that event happens, the function will be called (i.e. the event is handled by that function).

Edited December 20, 2012 by thescientist