Question

我有一个包含这些功能代码的文件

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文件＆＃34; tests.js＆＃34;这个功能＆＃34; handleResize＆＃34; 来自＆＃34; stickem.js＆＃34;我怎么办？

感谢您的帮助

Answer 1

您可以将要在其他文件中使用的任何函数设置为窗口中的变量。例如

window.Stickem = Stickem;

在你的stickem.js。

您还需要确保脚本标记的顺序正确（即上面的文件位于顶部）。

注意：如果你的javascript目前在你的html文件中，你应该把它移到外部的js文件中。例如

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

javascript调用函数extern

1 个答案: