-1

我需要帮助,因为我正试图让我的左控制弹跳。

在我的网站上,我有一个音乐播放器,它链接到两个控件,上一个和下一个。我希望两个控件在用户单击它时弹跳。现在我将 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>
4

1 回答 1

0

将 jquery 放在您的代码之前,它可能会起作用

于 2014-06-08T20:28:43.350 回答