Функция javascript не работает после загрузки

Question

У меня есть хороший скрипт. Смотри ниже. Но этот скрипт больше не работает, после использования другого скрипта с загрузкой.

 <script> 
$('#info').readmore({ 
    moreLink: '<a href="#">Usage, examples, and options</a>', 
    collapsedHeight: 384, 
    afterToggle: function(trigger, element, expanded) { 
    if(! expanded) { // The "Close" link was clicked 
     $('html, body').animate({scrollTop: $(element).offset().top}, {duration: 100}); 
    } 
    } 
}); 

$('artikel').readmore({speed: 500}); 
     </script> 

Это код, что я использую, что читать далее сценарий does't работать больше:

<script> 

     $.ajaxSetup ({ 
      cache: false 
     }); 

     var navItems = $(".noBounce").find("a"), 
      spinner = "<span class='loading'><img src='/media/ajax-loader.gif' width='15' alt='loading...' class='spinner'></span>"; 


     navItems.click(function(e){ 
      e.preventDefault(); 
      navItems.removeClass("current"); 

      var $this = $(this), 
       loc = $this.attr("href"); 
      $(".ajax-dump").html(spinner).load(loc); 

      $this.addClass("current"); 
     }); 

    </script> 

Answer 1

Поскольку вы используете jQuery, вы должны обернуть коды в $(document).ready().

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#info').readmore({ 
      moreLink: '<a href="#">Usage, examples, and options</a>', 
      collapsedHeight: 384, 
      afterToggle: function(trigger, element, expanded) { 
       if (!expanded) { // The "Close" link was clicked 
        $('html, body').animate({ 
         scrollTop: $(element).offset().top 
        }, { 
         duration: 100 
        }); 
       } 
      } 
     }); 

     $('artikel').readmore({ 
      speed: 500 
     }); 
    }); 
</script>