JQuery не загружается или загружается дважды

Question

Я работаю в Joomla и хочу добавить скрипт jQuery. Мой index.php выглядит так:

<script>

    if (typeof jQuery == 'undefined')
    {
        var script = document.createElement('script');
        script.type = "text/javascript";
        script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js";
        document.getElementsByTagName('head')[0].appendChild(script);
    }

</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">var $j = jQuery.noConflict();</script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/myjqueryscript.js"></script>

Я пытаюсь загрузить jQuery, когда другой jQuery не загружен, и не загружать его, если он уже есть.

Answer 1

Вам следует подождать, пока на странице не загрузится jQuery, прежде чем использовать его.Попробуйте это.

function ScriptLoaded(){
    alert('jQuery Loaded');
}

if (typeof jQuery == 'undefined') {
   var script= document.createElement('script');
   script.type= 'text/javascript';
   script.onreadystatechange= function () {
       if (this.readyState == 'complete'){ 
           ScriptLoaded();
       }
   }
   script.onload= ScriptLoaded;
   script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js";
  document.getElementsByTagName('head')[0].appendChild(script);
} 

DEMO