无法调用$ function()

时间:2013-04-08 08:19:18

标签: jquery

我有旋转木马图片插件,就像在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()

1 个答案:

答案 0 :(得分:2)

原因是您设置的代码位于$(document).ready(function(){})事件处理程序(在您的情况下缩写为$(function(){})),而不是任何单击处理程序。

更改您的代码以对任何链接做出反应:

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

或更可能的是,对于特定类别的链接:

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

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