?
Solved

convert this namespace into jQuery

Posted on 2013-12-01
2
Medium Priority
?
236 Views
Last Modified: 2013-12-03
I have the following code but how would you convert it into a jQuery namespace

JQUERY4U = {
    multiply: function(x,y) {
        return (x * y);
    }
}
//function call
JQUERY4U.multiply(2,2);

Open in new window

0
Comment
Question by:stargateatlantis
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 36

Expert Comment

by:Miguel Oz
ID: 39688678
Use the jQuery.fn.extend method:
jQuery.fn.extend({
    multiply: function(x,y) {
        return (x * y);
    }
});

Open in new window


or you can declare your new method as:
$.fn.multiply= function(){
  return (x * y);
}

Open in new window


Note: The first alternative is more flexible and reusable as discussed below:
http://richardneililagan.com/2011/07/using-jquery-extend-to-make-even-more-powerful-cached-objects/
0
 
LVL 44

Accepted Solution

by:
Rainer Jeschor earned 2000 total points
ID: 39688690
Hi,

could look like this:
var JQUERY4U = {}; 
;(function($) {

     JQUERY4U.EESample= {
         multiply: function(x,y) {
        return (x * y);
         }
     }
     
})(jQuery);
JQUERY4U.EESample.multiply(2,2);

Open in new window

(adjusted from http://www.jquery4u.com/javascript/jquery-function-namespacing-plain-english/)
0

Featured Post

WordPress Tutorial 3: Plugins, Themes, and Widgets

The three most common changes you will make to your website involve the look (themes), the functionality (plugins), and modular elements (widgets).

In this article we will briefly define each again, and give you directions on how to install them.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article discusses how to implement server side field validation and display customized error messages to the client.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question