jquery – Calling Javascript Functions by name

If I have an element on the page like this …

<span data-function=\"DoSomething\">Click</span>

… and i put this in my page header …

$(document).ready(function() 
{ 
   $(\'[data-function]\').each(function()
   {
       var fName = $(this).attr(\'data-function\');
       $(this).click(fName);
   });
});

… what goes in place of the comment produce the desired effect of executing the function called \”DoSomething\”.

Note:

I no the code above wont work, my question is how to make this work (translate \’DoSomething\’ in to DoSomething();)

Any ideas guys?

Rating: 2 out of 5 based on 4 ratings

Posts Related to jquery - Calling Javascript Functions by name

• Aug 11th, 2012 How to get Javascript Function Calls/Trace at Runtime Saturday PM 13:22:00


• Jul 23rd, 2012 javascript - External js file not working Monday AM 00:50:47


• Aug 01st, 2012 html - JavaScript passing arguments to button onclick functions Wednesday AM 01:16:20


• Aug 05th, 2012 forms - onsubmit multiple javascript functions Sunday AM 03:39:01


• Aug 18th, 2012 jquery - Javascript: best practical way to declare functions Saturday PM 14:30:29


• Aug 03rd, 2012 Adding multiple DIV elements using functions with JavaScript Friday AM 00:13:42


• Aug 17th, 2012 Do javascript functions work within a php echo? Friday AM 07:00:09


• Jul 17th, 2012 javascript - Declaring variables and functions, in what order? Tuesday AM 01:39:51


• Jul 25th, 2012 javascript - Method, Functions and Objects Wednesday AM 10:15:46


• Aug 11th, 2012 javascript - Issue Calling jquery function on button click Saturday AM 03:04:12

The post jquery – Calling Javascript Functions by name appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/jquery-calling-javascript-functions-by-name.html