我需要帮助,因为我正试图让我的左控制弹跳。
在我的网站上,我有一个音乐播放器,它链接到两个控件,上一个和下一个。我希望两个控件在用户单击它时弹跳。现在我将 Jquery 和 Jquery Yui 应用到了网站上,还有一个简单的 javascript 函数似乎可以工作,但是当我指定控件时不知何故。
这是代码:
$(function(){
//Add bounce effect on Click of the DIV
$('.jp-prev').click(function () {
$(this).effect("bounce", { times:5 }, 300);
});
$('#bouncy2').click(function () {
$(this).effect("bounce", { direction:'left', times:5 }, 300);
});
$('#bouncy3').click(function () {
$(this).effect("bounce", { direction:'right', times:5 }, 300);
});
$('#bouncy4').click(function () {
$(this).effect("bounce", { direction:'down', times:5 }, 300);
});
//Bounce all DIVs on click of button
$("#bounceAll").click(function(){
$("div").click();
});
});
html:
<div class="jp-audio">
<div class="jp-type-single">
<div id="jp_interface_1" class="jp-interface">
. <ul class="jp-controls">
<li><a href="#" class="jp-play"></a></li>
<li><a href="#" class="jp-pause"></a></li>
<li><a href="#" class="jp-prev"></a></li>
<li><a href="#" class="jp-next"></a></li>
<li><a href="audio_samples.php" class="jp-more-songs">Listen to more Audio Samples</a></li>
</ul>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-title"></div>
</div>
</div>
</div>