jquery 网站脚本的其余部分无法打开弹出窗口

Question

我正在尝试将 facebook 登录集成到我的网站，在我的头文件中使用以下代码。

<script type="text/javascript" src="http://www.bitandpiecesvape.co.uk/site/library/facebook/js/oauthpopup.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#facebookLogin').click(function(e){
        $.oauthpopup({
            path: 'http://www.bitandpiecesvape.co.uk/site/library/facebook/login.php',
            width:600,
            height:300,
            callback: function(){
                window.location.reload();
            }
        });
        e.preventDefault();
    });
});
</script>

并且这个位于 body 标签的顶部

<img src="http://www.bitandpiecesvape.co.uk/site/library/facebook/images/facebook.png" id="facebookLogin" style="cursor:pointer;" />

如果我放置 php 出口，这会很好用；然后。但是一旦我删除它，弹出窗口就不再有效了。

代码中一定有冲突，我不知道是什么。我对 JQuery 没有太多经验。我是运行 ZURB Foundation，但我已经尝试删除此 JQuery 但它无济于事。

我如何找出冲突的原因以及如何解决？

谢谢，汤姆

Answer 1

非常感谢阿米特的帮助！控制台让我发现我试图在我的其他文件之一中包含 jQuery 1.8.2，并试图在头文件中获取版本 1.11.2。我删除了 1.8.2，它工作正常。 +1 google chrome 的开发者工具。

jquery 网站脚本的其余部分无法打开弹出窗口

jquery popup not opening with rest of website script

jquery

facebook

popup