Javascript 对象不支持属性或方法，但在intellisense中显示

我正在尝试在我的web应用程序中显示一个弹出窗口。我下载了一个非常好的java脚本库，名为，并在页面中添加了一个脚本引用，但当我运行应用程序时，我发现以下错误：

我已经确保bPopup的脚本引用添加在jQuery的脚本引用之后。我还认为可能我正在使用的jQuery版本（jQuery-1.8.2.js）不受支持，所以我创建了一个WebForms应用程序，并尝试在那里进行弹出操作，但在MVC4.0应用程序中，我遇到了上述错误。另外，当我键入$（“#elementId”）并按时，我可以在intellisense中看到bPopup，但由于某种原因，当我尝试在document.ready（）中调用它时，我会得到错误

视图中的脚本引用：

<link href="../../Content/animate.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.bpopup-0.9.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.2.0.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.2.0.debug.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#popup').bPopup();
    });
</script>

<div id="popup">
    Content of popup
</div>

$（文档）.ready（函数（）{
$（'#popup'）.bPopup（）；
});

弹出窗口的HTML:

<link href="../../Content/animate.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.bpopup-0.9.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.2.0.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.2.0.debug.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#popup').bPopup();
    });
</script>

<div id="popup">
    Content of popup
</div>

弹出窗口的内容

我发现解决此问题的唯一方法是使用

---

我仍然想知道为什么脚本没有加载，即使我添加了一个对.js文件的引用，直到那时，我将继续这项工作

请检查javascript调试控制台是否有任何错误扫描您在knockout.js之后添加bpopup.js并检查它是否实际加载？谢谢我尝试了@Abhidev，仍然收到相同的错误是否加载了bPopup.js？如何检查是否正在加载？我想如果你在页面的头部分添加一个脚本引用，如果你能看到.js文件中的方法，那就意味着它被加载了？