Javascript Object [object Object] 没有方法 'bPopup'

Javascript Object [object Object] has no method 'bPopup'

本文关键字：Object bPopup 有方法 object Javascript      更新时间：2023-09-26

我正在使用bpopup来显示我的弹出窗口。这里要注意的有趣事情是，当我单击我的按钮时，会出现弹出窗口，但是如果我单击该按钮，我的控制台中会出现错误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将不起作用。知道为什么这个脚本标签来了吗？

更改脚本包含的顺序(在包含脚本之前需要包含 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>

问题解决了，我在我的注册表单中再次包含jQuery，该表单正在加载弹出窗口，因此两次加载jQuery，bPopup将不起作用。谢谢大家的回答

相关文章：