2013-06-18 40 views
0

我正在使用bpopup來顯示我的popup。有趣的是,當我點擊我的按鈕時,彈出窗口出現,但如果我再次點擊那個按鈕,錯誤會出現在我的控制檯Uncaught TypeError: Object [object Object] has no method 'bPopup'中。有時彈出兩次,當我第三次點擊時,我遇到同樣的錯誤。這裏是我的代碼部分:Javascript對象[對象對象]沒有方法'bPopup'

<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript" src="assets/bpopup.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
    $("#signin").click(function(){ 
     $("#popup").bPopup({ 
     loadUrl: "<?php echo site_url().'xyz/signin'?>", 
      }); 

    }); 
    }); 
    </script> 
    </head> 
    <body> 
    <div id="popup" style="display:none;"></div> 
    <div style="float:right;display:inline-block"><button id="signin">Sign In</button></div> 
    </body> 

編輯:我想通了,問題是什麼,當我點擊登錄,我看到有一個與創建一個新的元素,所以jQuery是再次加載,如果jQuery是加載兩次那麼bpopup將無法工作。任何想法爲什麼這個腳本標籤來了?

+3

在插件之前加載jQuery並將代碼包裝在'$(document).ready(function(){...});' –

+0

對不起,但在我的實際代碼中,我放置了jquery首先,它仍然不工作,一切都在document.ready中。 – Shivam

回答

0

問題解決了,我包括jQuery的再次出現在我註冊表格,將其用彈出裝載順序,所以在兩次加載jQuery時,bPopup都不起作用。謝謝你們的答案

1

更改腳本包含的(你需要包括你的腳本之前,包括jQuery的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="assets/bpopup.js"></script> 
+0

對不起,但在我的實際代碼中,我先放置了jquery,仍然沒有工作,一切都在document.ready中。 – Shivam

+0

我想出了什麼問題,當我點擊登錄時,看到有一個新元素用創建,所以jquery再次被加載,如果jQuery被加載兩次那麼bpopup將無法工作。任何想法爲什麼這個腳本標籤來了? – Shivam