Javascript 在特定类或div上获得反弹效果的棘手问题

我需要帮助，因为我正试图使我的左控制反弹

在我的网站上，我有一个音乐播放器，它链接到两个控件，前一个和下一个。我希望当用户单击这两个控件时，它们都会反弹。现在我已经将Jquery和jQueryYUI应用到了网站上，还有一个简单的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:

.       

将jquery放在代码之前，它可能会工作

我刚刚发现javascript无法处理应用于链接或锚定的类。有人能帮我吗？您有一个分配给#bounceAll的点击事件，但在html代码中没有具有该id的元素。与#bouncy2-4相同。页面上有这些吗？还有：$（“div”）.click（）；这是个坏主意。你甚至可以用它从你页面上的每个div中触发一次点击。当你说“指定我的控件”时，请更详细地说明你的意思，如果你现在更改了，请将你的所有代码发布在上面。用于测试的javascript活动部分只有弹性，现在重命名为jp prev）。我希望jp prev在用户单击div时反弹，但不知何故javascript代码找不到div，或者它只是没有启动，因为它有一个锚标记分配给它。我该怎么办？你的jp prev锚定标签是空的。它里面什么都没有，所以你希望用户点击什么，或者你希望用户反弹什么？它是在样式表中定义的吗？如果可以的话，您应该在jsfiddle.net上发布所有可用的代码和一个示例。你仍然会在每一个div上点击一次，这会造成很多问题，你需要摆脱它。谢谢，它就像你说的那样工作。我的头部没有jquery

<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>