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