2014-02-11 34 views
0

我試圖在我的web應用程序中顯示一個彈出窗口。我已經下載了名爲bPopup一個非常好的Java腳本庫和添加腳本參考頁面,但是當我運行該應用程序我得到以下錯誤:對象不支持屬性或方法,但在智能提示中顯示

enter image description here

我確信腳本參考bPopup是在jQuery的腳本引用之後添加的。我也認爲,也許我使用的jQuery版本(jquery-1.8.2.js)不受支持,所以我創建了一個WebForms應用程序,並嘗試在那裏做彈出窗口,它可以工作,但在MVC 4.0應用程序中,我得到上面提到的錯誤。另外,當我鍵入$(「#elementId」)並按我可以在智能感知中看到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> 

HTML的彈出:

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

請檢查javascript調試控制檯是否有任何錯誤 – closure

+0

可以嗎在knockout.js之後添加bpopup.js並檢查它是否實際加載? – Abhidev

+0

謝謝我試過@Abhidev,仍然得到相同的錯誤 –

回答

0

的唯一途徑,我發現解決這個問題的方法是使用getScript

$.getScript("../../Scripts/jquery.bpopup-0.9.4.min.js", function() { 
     $('#popup').bPopup({ 
      easing: 'easeOutBack', //uses jQuery easing plugin 
      speed: 800, 
      transition: 'slideDown' 
     }); 
    }); 

我仍然想知道爲什麼腳本不加載,即使我添加了對.js文件的引用,直到然後纔會堅持這項工作

相關問題