js引入问题

Question

在一个项目中引入的js文件如下图：

在jquery-bootstrap-modal.js文件定义了方法

!(function ($) {
    $.fn.bsTab = function (str, op) {

        return this.each(function () {
            init($(this), str, op);
        })
    };
})

jsp页面

function addTab() {
    console.log($.fn.bsTab);  // 第一次输出function（正常），第二次输出undefined
    $('#centerTab').bsTab('add', {})
}

jquery.baseTree.js文件，定义onClick方法，调用addTab方法

function onClick(){
    console.log($.fn.bsTab);  // 输出function
    addTab();
}

在页面中绑定click事件，当第一次点击正常，第二次点击的报错

这个问题可能是什么原因造成的？

谢谢！

Answer 1

估计是你所使用方法的脚本还没加载完成

Answer 2

方法都放在 $(function() { }) 中就行了