0

我正在使用 bpopup 来显示我的popup。这里需要注意的是，当我单击按钮时，会出现弹出窗口，但如果我再次单击该按钮，我的控制台中会出现错误Uncaught TypeError: Object [object Object] has no method '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 将不起作用。知道为什么这个脚本标签会出现吗？

4

2 回答 2

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>
于 2013-06-18T12:56:44.877 回答
0

问题解决了，我在我的注册表单中再次包含了 jQuery，它正在加载弹出窗口，所以两次加载 jQuery 时，bPopup 将不起作用。谢谢你们的回答

于 2013-06-19T06:49:53.233 回答