Question

127

How to call the jQuery nested function

rated 0 times [ 128] [ 1] / answers: 1 / hits: 16153 / 11 Years ago, tue, september 24, 2013, 12:00:00

I am trying to call the nested function is not working

Here is what I tried jsfiddle

Script:

(function( $ ){

      $.fn.investPage = function() {    

            function setupFCConfig(){

                $('.nestedFunction').click(function(){

                    alert('setupFCConfig func()');

                });

            }

            $(.edit).on('click', function(){

                alert('edit click func()');

            }); 

            $(.cancel).on('click', function(){        

                alert('cancel click func()');   

            }); 

            $(.checkout).click(function(){        

                alert('checkout click func()');

            });

      };

})( jQuery );



$.fn.investPage();

$.fn.investPage.setupFCConfig();

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tylerdamiena

Add To Favorites

Follow

Total Points: 139

Total Questions: 90

Total Answers: 118

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

tylerdamiena questions

1 How to access sveltekit session in endpoint?

Tue, May 3, 22, 00:00, 2 Years ago

1 React.js, Each child in a list should have a unique key prop. how to fix if key is already given

Mon, Mar 7, 22, 00:00, 2 Years ago

1 Can`t resolve image.png in styles.css

Fri, Sep 17, 21, 00:00, 3 Years ago

1 Warning: validateDOMNesting(...): < body> cannot appear as a child of < div> in React.js

Wed, May 26, 21, 00:00, 3 Years ago

1 Using readonly on a reactive object

Tue, May 26, 20, 00:00, 4 Years ago

View All

answered 11 Years ago reed · Accepted Answer

setupFCConfig() is NOT a property of the $.fn.investPage object so it can't be called like this:

 $.fn.investPage.setupFCConfig();

It is a local function that is not available outside the scope in which it is declared. If you want it available from an outside scope, then you need to assign it to be a property of some object that is available in that outside scope.

For example, you could change the definition of that function to be like this:

(function( $ ){

      $.fn.investPage = function() {    

            $(.edit).on('click', function(){

                alert('edit click func()');

            }); 

            $(.cancel).on('click', function(){        

                alert('cancel click func()');   

            }); 

            $(.checkout).click(function(){        

                alert('checkout click func()');

            });



      };

      $.fn.investPage.setupFCConfig = function (){

           $('.nestedFunction').click(function(){

               alert('setupFCConfig func()');

           });

      }



})( jQuery );



$.fn.investPage();

$.fn.investPage.setupFCConfig();

FYI, you also need to fix the misspelling of .click.