jquery - 不能调用 $function()

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>