JS multiple function with the same name

Question

I use different javascript function. The problem is that they have the same name so they overwrite each other. I would like to put a different name but so far it didn't work.

Here one of the function and how I use it:

<script type="text/javascript">     
    $(function() {
        $('#datepicker').multiDatesPicker({
            altField: '#date',
            dateFormat: "yy-mm-dd",
        });
</script>

<div id="datepicker"></div>

The other function start like this too $(function() {} and use the same way <div id="date"></div>

I try to put $(function name() but it didn't work. Do you have any idea? Thanks

Do you mean you have a library conflicting with the $ syntax? If so, use noConflict() : api.jquery.com/jQuery.noConflict — CodingIntrigue
– CodingIntrigue, Commented Aug 2, 2013 at 7:14

James Allardice · Accepted Answer · 2013-08-02 07:14:27Z

3

This is a call to $ (in your case, it's jQuery), with a single argument, which happens to be an anonymous function. It doesn't have a name, and having more than one occurrence of this pattern will not "overwrite" the previous:

$(function() {
    // ...
});

Passing a function to $ is just shorthand for $(document).ready(). If you need more than one, you should be able to simply combine them:

$(function() {
    // Initialise your date picker
    // Do some other stuff
});

answered Aug 2, 2013 at 7:14

James Allardice

166k22 gold badges335 silver badges316 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

usertfwr Over a year ago

if I combine them only the first one work and not the second one like: $(function() { $('#datepicker').multiDatesPicker({...}); $( "#dialog" ).dialog({..}); });

James Allardice Over a year ago

Then something is wrong with the second one. Does it work if you remove the first one?

usertfwr Over a year ago

yes it works. If I put the second one on top it's the first one (become second) which stop to work

usertfwr Over a year ago

I try to use it, but I need jquery code also so it seems doesn't work correctly, here the link in case jsfiddle.net/GNjtA/1

Josh Meiburg · Accepted Answer · 2013-08-02 07:16:07Z

0

that function is shorthand for $(document).ready() which is just a binding to the ready event of the document. all that means is you can have as many of them as you want without overwriting eachother.

see the jsfiddle

    $(function()
  {
      alert('func1');
  });
$(function()
  {
      alert('func2');
  });

answered Aug 2, 2013 at 7:16

Josh Meiburg

3012 silver badges8 bronze badges

Collectives™ on Stack Overflow

JS multiple function with the same name

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related