How to call a function using the syntax "(function($) {" on tiny pub/sub impl

Question

I am trying to use the [jQuery Tiny Pub/Sub][1]. However, I didn't even manage to use the code below to run a function on html. For example, how do I call publish1. How should I do that? Thanks.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  /*    
        jQuery pub/sub plugin by Peter Higgins ([email protected])
  */
  (function($) {
   var topics = {};

   $.publish1 = function(topic, args) {
    if (topics[topic]) {
     var currentTopic = topics[topic];

     for (var i = 0, j = currentTopic.length; i < j; i++) {
      currentTopic[i].apply($, args || []);
     }
    }
   };

   $.subscribe1 = function(topic, callback) {
    if (!topics[topic]) {
     topics[topic] = [];
    }

    topics[topic].push(callback);

    return {
     "topic": topic,
     "callback": callback
    };
   };
</script>

have you tried $.publish1() ?

shyammakwana.me
– shyammakwana.me

2014-09-06 10:14:13 +00:00
Commented Sep 6, 2014 at 10:14 — shyammakwana.me
– shyammakwana.me, Commented Sep 6, 2014 at 10:14

Adam · Accepted Answer · 2014-09-06 10:22:15Z

0

I may be missing something, but the code as posted is an incompelte function. You need to close the anonymous function's brace and the bracket and then probable call it. In other words add the following to the end of the script block: })(jQuery); giving

<script>
(function($) {
   var topics = {};

   $.publish1 = function(topic, args) {
    if (topics[topic]) {
     var currentTopic = topics[topic];

     for (var i = 0, j = currentTopic.length; i < j; i++) {
      currentTopic[i].apply($, args || []);
     }
    }
   };

   $.subscribe1 = function(topic, callback) {
    if (!topics[topic]) {
     topics[topic] = [];
    }

    topics[topic].push(callback);

    return {
     "topic": topic,
     "callback": callback
    };
   };
})(jQuery);
</script>

I am not familar with the plugin you name, but the usual idea behind this in jQuery plugins is to create an anonymous function with $ as the param then call it with jQuery` as the argument, in case jQuery is running in noConflict mode.

answered Sep 6, 2014 at 10:22

Adam

6,8124 gold badges45 silver badges72 bronze badges

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

2 Comments

JohnDistilling Over a year ago

Thanks, TechnoKnol and Adam. @Adam, I indeed missed to add the })(jQuery);. My problem though is how should I call the function on the html side. I have tried the following to no avail. <html> <body onLoad='$.publish1();'> ...

JohnDistilling Over a year ago

I think this is pretty much the answer to my query. stackoverflow.com/questions/2672355/… by Reigel.

Collectives™ on Stack Overflow

How to call a function using the syntax "(function($) {" on tiny pub/sub impl

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related