Запуск несколько сценариев после загрузки страницы

Question

У меня есть следующие JavaScripts:

<script type="text/javascript"> 
     $('#HomeSlideShow ul.images').jSlideshow({ 
      auto: true, 
      delay: 15, 
      indicators: '#HomeSlideShow ul.indicators' 
     }); 
</script> 

И:

<script type="text/javascript">window.onload = function() { 
document.getElementById('Features').style.visibility = 'Visible'; 
};</script> 

Я хотел бы объединить первый скрипт в функцию OnLoad второго сценария. Чтобы оба сценария выполнялись после загрузки страницы.

Answer 1

Это будет работать после загрузки DOM. http://api.jquery.com/ready/

$(document).ready(function() { 

     $('#HomeSlideShow ul.images').jSlideshow({ 
      auto: true, 
      delay: 15, 
      indicators: '#HomeSlideShow ul.indicators' 
     }); 

     document.getElementById('Features').style.visibility = 'Visible'; 

}); 

или короткая рука для .ready()

$(function() { 

      $('#HomeSlideShow ul.images').jSlideshow({ 
       auto: true, 
       delay: 15, 
       indicators: '#HomeSlideShow ul.indicators' 
      }); 

      document.getElementById('Features').style.visibility = 'Visible'; 

}); 

Answer 2

<script type="text/javascript"> 
    $(function() { 
     $('#HomeSlideShow ul.images').jSlideshow({ 
      auto: true, 
      delay: 15, 
      indicators: '#HomeSlideShow ul.indicators' 
     }); 

     $('#Features').css({ visibility: 'Visible' }); 
    }); 
</script> 

Использование JQuery, чтобы добавить столько вещей для запуска при загрузке страницы, как вам нравится. Это может быть так же легко, как это сделано:

<script type="text/javascript"> 
    $(function() { 
     $('#HomeSlideShow ul.images').jSlideshow({ 
      auto: true, 
      delay: 15, 
      indicators: '#HomeSlideShow ul.indicators' 
     }); 
    }); 
</script> 

...

<script type="text/javascript"> 
    $(function() { 
     $('#Features').css({ visibility: 'Visible' }); 
    }); 
</script>