Javascript Jquery反弹效果不适用于应用于锚定标记的类

我需要一些认真的帮助。我正在尝试创建一个反弹效果，但是它对锚文本类/div不起作用

这是我使用的代码：

它基于一个非常简单和简短的教程。现在的问题是，我无法使javascript代码以锚/链接中的类或div为目标

我该如何解决这个问题呢？代码在上面的网站中，我试图跳出的代码部分以粗体突出显示：

                <div id="jplayer">
    </div>
    <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>

---

编辑：我认为这个问题不可能解决。我想知道现在这是否可以解决。每次类反弹时，背景都会被删除。

您没有阻止链接的默认行为，因此它会在看到反弹效果之前刷新页面

我会尝试以下方法：

$('#jp_interface_1 a').click(function(e) {
    e.preventDefault(), e.stopPropagation();
    $(this).effect("bounce", { times:5 }, 300);
});

注意如果有其他事件绑定到有问题的锚标记，请删除e.stopPropagation（）；打电话

编辑 我刚注意到你提到了同样的问题。您是否正在jQuery的document.ready处理程序中包装代码

$(function() {
    $('#jp_interface_1 a').click(function(e) {
        e.preventDefault(), e.stopPropagation();
        $(this).effect("bounce", { times:5 }, 300);
    });
});

现在的问题是，我无法使javascript代码以锚/链接中的类或div为目标

维切维萨

编辑： 我不明白你想做什么，这就是你想做的吗

$(document).ready(function(){  
 $('.jp-interface a.jp-next').click(function(e) {         
    $('.jp-more-songs').effect("bounce", { times:5 }, 300);

    });
});

这个怎么样

$(document).ready(function(){  
    $('#jp_interface_1 .jp-more-songs').click(function(e) {
        e.preventDefault();
        e.stopPropagation();
        $(this).effect("bounce", { times:5 }, 300);
    });
})

---

我要试一试！非常感谢您的快速回复。如果它在jQuery.jplayer.settings.js中起作用，我会立即通知您，您有以下内容：$（“.jp prev.jp next”）。如果在单独的文件中设置反弹效果，请单击（function（）{jPlay（$（this）.is（'.jp next'）？'next'：'prev'）return false；}，这里的return false行可能会阻止其他事件的执行。因此，您建议我最好保留反弹效果？您的代码对我尝试反弹的类有效，但对我尝试反弹的类无效：我尝试了a，尝试了a.jp-next，一切。每次我点击它，背景就消失了，直到它完成反弹。换言之，这个人将看不到反弹。嗯，我没有注意到你之前的评论“它实际上反弹了，但任何背景图像或颜色都消失了，同时它也消失了。”对不起……这里的Jfiddle：它实际上反弹了，但任何背景图像或颜色都消失了，同时它也消失了……有人能解决这个问题吗？

$(document).ready(function(){  
 $('.jp-interface a.jp-next').click(function(e) {         
    $('.jp-more-songs').effect("bounce", { times:5 }, 300);

    });
});

$(document).ready(function(){  
    $('#jp_interface_1 .jp-more-songs').click(function(e) {
        e.preventDefault();
        e.stopPropagation();
        $(this).effect("bounce", { times:5 }, 300);
    });
})