Невозможно вызвать функцию $()

Question

У меня есть карусель изображения плагин, как в iTunes.
Я не знаю, почему это не работает.

Я думаю, что моя проблема может быть так, как я называю ниже функции:

<script type="text/javascript"> 
    $(function() { 

     alert(); 

     var $coverflowContainer = $('#coverflow'), 
      $coverflowItems = $coverflowContainer.children(), 
      $imageCaption = $('#imageCaption'), 
      $slider = $('#slider-vertical'), 
      $playlistItems = $('#playlist li'); 

     $slider.slider({ 
      orientation: 'vertical', 
      min: 0, 
      max: $coverflowItems.length - 1, 
      slide: function(event, ui) { 
       $coverflowContainer.coverflow('select', ui.value); 
      } 
     }); 

     $coverflowContainer.coverflow({ 
      select: function(ev, ui) { 
       $imageCaption.text(
       ui.active.data('artist') + ' - ' + ui.active.data('album')); 

       $slider.slider('value', ui.index); 

       $playlistItems.removeClass('ui-selected'); 
       $playlistItems.eq(ui.index).addClass('ui-selected'); 
      } 
     }); 

     $playlistItems.on('click', function(ev) { 
      ev.preventDefault(); 

      $coverflowContainer.coverflow('select', $playlistItems.index($(this))); 
     }); 
    }); 
</script> 

Это ссылка:

<a href="#">Kings Of Leon - Come Around Sunshine</a> 

Почему ссылка не вызывая alert()?

Answer 1

Причина в том, что код, который вы установили, находится в обработчике события $(document).ready(function(){}) (сокращенном в вашем случае до $(function(){})) вместо любого обработчика кликов.

Изменить код реагировать на любую ссылку:

$('a').on('click',function(){}); 

или более вероятно, к определенному классу ссылок:

$('a.songlink').on('click',function(){}); 

<a href="#" class="songlink">Kings Of Leon - Come Around Sunshine</a>