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> 

Когда я нажимаю на моей ссылке, Chrome консоль говорит: "Uncaught TypeError: Object [объект Object] не имеет какого-либо метода" принять"

Я попытался поставить «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, почему бы не поместить его в блок $ (document) .ready()?

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

Таким образом, он не будет работать, пока страница не будет загружена.