SqueezeBox.initialize :对象没有采用任何方法

Question

我正试图在我的网站上实现SqueezeBox.js，我有一个问题。

这是我的代码：

<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/mootools-1.2.6-core.js"></script>
<script type="text/javascript" src="/js/SqueezeBox/SqueezeBox.js"></script>
<script type="text/javascript">
    $(function() {
        $("#connect").click(function () {
            SqueezeBox.initialize({
                size: {x: 350, y: 400}
            });
            SqueezeBox.open('..\connect.php', {handler: 'iframe'});
        });
    });
</script>

...

<a id="connect" href="#">CONNEXION</a>

当我点击链接时，console说：“未登录的TypeError:对象对象没有‘采用’的方法。”

我尝试将“SqueezeBox.initialize({ })”从Click事件中删除，并出现相同的错误。因此，似乎SqueezeBox有一个问题，但我找不到它。

有小费吗？

诚挚的问候

好的，所以我决定看看SqueezeBox.js是怎么回事。

我在第113行看到，女巫是从控制台报告的线路：

$(this.doc.body).adopt(this.overlay, this.win);

我只是把它换成：

this.doc.body.adopt(this.overlay, this.win);

现在效果很好..。

我想它是来自Jquery的版本或者什么的。

不管怎样，谢谢，再见。

Answer 1

在元素存在之前调用.js函数。您可以尝试将javascript移到页面的末尾，就在关闭“”标记之前。更好的是，既然您使用的是jQuery，为什么不将它放在‘$(文档).ready()’块中呢？

$(document).ready(function() {
    $("#connect").click(function () {
        SqueezeBox.initialize({
            size: {x: 350, y: 400}
        });
        SqueezeBox.open(\'..\connect.php\', {handler: \'iframe\'});
    });
});

这样，在加载页面之前，它不会运行。