Javascript 为什么没有定义插件函数，但正在加载js引用

所以我使用的是第三方模式插件：wModal.js from

我的javascript库都在文档底部加载。那很好

问题是：

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/wModal/wModal.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.simplyCountable.js"></script>
<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="js/jquery.hoverfold.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrapValidator.js"></script>
<script type="text/javascript" src="js/wysiwyg.image.js"></script>
<script type="text/javascript" src="js/wysiwyg.link.js"></script>
<script type="text/javascript" src="js/wysiwyg.table.js"></script>
<script type="text/javascript" src="js/modernizr.custom.69142.js"></script>
<script type="text/javascript">

    var elapsedTime = 0;
    var sessTimeout = "<%= Session.Timeout %>";
    sessTimeout = parseFloat(sessTimeout);
    // set to the Session.Timeout value to notify users
    // one minute after their Session times out.
    var maxTime = (sessTimeout + 1) * 60;
    var oneSecond;
    oneSecond = window.setTimeout("timeoutCheck();", 1000);
    var today = new Date();



    //Set the Copyright Date
    window.onload = function () {

        var myDate = today.getMonth() + 1 + "/" + today.getDate() + "/" + today.getFullYear();
        $("#cDate").html(today.getFullYear());

        var ftoday;
        ftoday = new Date();
        var myFDate = ftoday.getFullYear() + "." + (ftoday.getMonth() + 1) + "." + ftoday.getDate();
        $("#fCdate").html(ftoday.getFullYear());
        $("#fBdate").html(myFDate);
        $("#bYr").html(ftoday.getYear() + "." + ftoday.getDate());

    };



    $(document).ready(function () {

        //dynamically load Modals 
        $.get('includes/help-modal.html', function (data) {
            //Load the DIV with all the modals
            $('#templates').html(data);



            $('#wModal_info').wModal({
                position: 'cm', //This means: Center Middle
                offset: '5',
                fxShow: 'slideDown',
                fxHide: 'slideUp',
                btns: {
                    'ok': function () {
                        console.log('original info');
                        this.hide();
                        //...some other function can be called here
                    }
                }
            });
        });

        //This fires the MODAL HELP window
        $("#btnHelp").click(function () {
            $("#wModal_info").wModal('show'); <--THIS IS THE PROBLEM
        });
    });

    function timeoutCheck() {
        elapsedTime = elapsedTime + 1;
        if (elapsedTime > maxTime) {
            window.location = "youTimedOut.asp";
        }
        else {
            oneSecond;
        }
    }
    //This fakes a window so you can close a tab in the browser
    function tricky_win_close() {
        window.open('', '_self', '');
        window.close();
    }

    //Check where we are...
    var pageName = "<%= Session("current_page") %>"; //Don't worry, this works...not the problem
            if (pageName === "login") {

        $("#btnSubmit").on("click", function () {
            $("#username").val(function (i, val) {
                if (val === "") {
                    $('#warning').html("<font=red class=compname>Username Missing</font>");
                    return false;
                }
            });
            $("#password").val(function (i, val) {
                if (val === "") {
                    $('#warning').html("<font=red class=compname>Username Missing</font>");
                    return false;
                }
            });

            $("form1").submit();
        });
        $("#username").on("change", function () {
            $(this).val(function (i, val) {
                if (val !== "") {
                    $('#warning').html("");
                    return false;
                }
            });
        });
        $("#password").on("change", function () {
            $(this).val(function (i, val) {
                if (val !== "") {
                    $('#warning').html("");
                    return false;
                }
            });
        });
    }

</script>

var elapsedTime=0；
var sestimeout=“”；
sessimeout=parseFloat（sessimeout）；
//设置为Session.Timeout值以通知用户
//会话超时后一分钟。
var maxTime=（估计值+1）*60；
一秒钟；
oneSecond=window.setTimeout（“timeoutCheck（）；”，1000）；
var today=新日期（）；
//设置版权日期
window.onload=函数（）{
var myDate=today.getMonth（）+1+“/”+today.getDate（）+“/”+today.getFullYear（）；
$（“#cDate”）.html（today.getFullYear（））；
var ftoday；
ftoday=新日期（）；
var myFDate=ftoday.getFullYear（）；
$（“#fCdate”）.html（ftoday.getFullYear（））；
$（“#fBdate”）.html（myFDate）；
$（“#bYr”）.html（ftoday.getYear（）+”+ftoday.getDate（））；
};
$（文档）.ready（函数（）{
//动态加载模态
$.get（'includes/help modal.html'，函数（数据）{
//将所有模态加载到DIV中
$（“#模板”）.html（数据）；
$（'wModal#u info'）。wModal({
位置：'cm'，//这意味着：居中
偏移量：“5”，
fxShow:'向下滑动'，
fxHide:'slideUp'，
基站：{
“确定”：函数（）{
console.log（“原始信息”）；
this.hide（）；
//…这里可以调用其他函数
}
}
});
});
//这将触发模式帮助窗口
$（“#btnHelp”）。单击（函数（）{
$（“#wModal_info”）.wModal（'show'）；最大时间）{
window.location=“youTimedOut.asp”；
}
否则{
一秒钟；
}
}
//这会伪造一个窗口，以便您可以关闭浏览器中的选项卡
函数技巧_win_close（）{
窗口。打开（“”，“”，“”）；
window.close（）；
}
//检查我们在哪里。。。
var pageName=“”；//别担心，这是有效的……不是问题所在
如果（pageName==“登录”）{
$（“#btnsupmit”）。在（“单击”，函数（）{
$（“#用户名”）.val（函数（i，val）{
如果（val==“”）{
$（'#warning'）.html（“缺少用户名”）；
返回false；
}
});
$（“#密码”）.val（函数（i，val）{
如果（val==“”）{
$（'#warning'）.html（“缺少用户名”）；
返回false；
}
});
$（“form1”）.submit（）；
});
$（“#用户名”）。关于（“更改”，函数（）{
$（this.val）（函数（i，val）{
如果（val！==“”）{
$（'#warning'）.html（“”）；
返回false；
}
});
});
$（“#密码”）。在（“更改”上，函数（）{
$（this.val）（函数（i，val）{
如果（val！==“”）{
$（'#warning'）.html（“”）；
返回false；
}
});
});
}

因此，当我在浏览器中单击btnHelp时，打开wModal对话框的调用失败，原因是：

未捕获类型错误：未定义不是函数

事实上，这是没有错误的加载页面，只有在我点击“btnHelp”按钮

我很困惑。我以前用过这个…wModal.js就是。这里：

我已将代码放入

$（document）.ready（function（）{}）；

中，但没有用…我已将其取出

实例化事件“存在”在

$.get（'includes/help modal.html'，函数（数据）{..

任何帮助都将不胜感激

谢谢

更新：这是我的CHROME开发控制台的屏幕截图

希望这有帮助，因为我不知道它是如何定义的

---

再次感谢

也许您是在AJAX请求返回且模式被实例化之前单击该按钮？或者该请求失败，且模式从未被实例化？是的，但当我在Chrome的调试器中时，wModal.js库就在那里，当我单击该按钮时，单击事件在断点处停止。我执行以下步骤在上面的函数中（点击btnHelp），它会点击wModal show函数。当我退出时，会发生错误。请将此精简为一个自包含的示例；您可能会在这样做时发现问题。