внешняя функция вызова javascript

#javascript #function

#javascript #функция

Вопрос:

У меня есть файл с кодом этих функций

stickem.js:

  ;(function($, window, document, undefined) {

    var Stickem = function(elem, options) {
        this.elem = elem;
        this.$elem = $(elem);
        this.options = options;
        this.metadata = this.$elem.data("stickem-options");
        this.$win = $(window);
    };

    Stickem.prototype = {
        defaults: {
            item: '.stickem',
            container: '.stickem-container',
            stickClass: 'stickit',
            endStickClass: 'stickit-end',
            offset: 0,
            start: 0,
            onStick: null,
            onUnstick: null
        },


    bindEvents: function() {
            var _self = this;


            _self.$win.on('scroll.stickem', $.proxy(_self.handleScroll, _self));


        _self.$win.on('resize.stickem', $.proxy(_self.handleResize, _self));
            },

handleResize: function() {
            var _self = this;

            _self.getItems();
            _self.setWindowHeight();
            console.log('fdf');
    },


.....  ....

теперь я хочу вызвать свой другой js-файл «tests.js » эта функция»handleResize»
обрабатывается из «stickem.js » как я могу это сделать?

Спасибо за помощь

Ответ №1:

Вы можете установить любые функции, которые хотите использовать в других файлах, в качестве переменной в window. Например.

 window.Stickem = Stickem;

в вашем stickem.js .

Вам также нужно будет убедиться, что порядок тегов вашего скрипта правильный (т. Е. Что приведенный выше файл находится вверху).

ПРИМЕЧАНИЕ: если ваш javascript в настоящее время находится в ваших HTML-файлах, вы должны переместить его во внешние js-файлы. Например.

 <script src="stickem.js"></script>
<script src="tests.js"></script>