从另一个jQuery插件调用jQuery插件

Question

I have an HTML page that loads both the CSS and JS files for two plugins. I need to call plugin1 's function from within plugin2 's JS file.

Below is part of the plugin ( plugin2 ), specifically the event that needs to fire the function from the other plugin (near the end).

onOk      : function () {
    var pre, element;
    pre = element = this.element;

    if (this.insertMode) {
        if (shighlighter.getTag() !== 'pre') {
            element = this.element.getChild(0);
        }
    }
    else {
        pre = element.getAscendant('pre', true);
    }

    this.commitContent(element);

    shighlighter.setCls(pre.getAttribute("data-pbcklang") + " " + editor.settings.cls);

    element.setAttribute('class', shighlighter.getCls());

    if (this.insertMode) {
        editor.insertElement(pre);

        /* START: HERE IS THE FUNCTION I NEED TO CALL FROM THE OTHER PLUGIN. */

        $('pre code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        /* END: HERE IS THE FUNCTION I NEED TO CALL FROM THE OTHER PLUGIN. */
    }
}

The above doesn't work, so I was wondering how I can change that.

Thanks.

Answer 1

You need to load the plugins in the correct order. The global variable hljs must be defined when used, so it should suffice to put the script tag for plugin1 (hljs) before the script tag for plugin2.