棘手的问题，得到一个特定类或div的弹跳效果

-1

我需要帮助，因为我试图让我的左控制反弹。棘手的问题，得到一个特定类或div的弹跳效果

在我的网站上，我有一个音乐播放器，链接到两个控件，上一个和下一个。我希望两个控件在用户点击时都会弹起。现在我有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>

来源

2012-07-30 Demorus

我刚刚发现的JavaScript不能处理一类就是应用于链接或锚点。谁能帮我？ – Demorus 2012-07-30 11:46:46

您有分配给#bounceAll的点击事件，但是在您的html代码中没有包含该ID的元素。和＃bouncy2-4一样。这些存在于网页上吗？此外：** $（“div”）。click（）; **是一个坏主意。您甚至可以从网页上的每个div都点击点击。请详细说明您在说'指定我的控件'时的含义，或者在http://jsfiddle.net/上发布所有代码（如果可以的话） – DigTheDoug 2012-07-30 13:49:17

现在确定已更改它。用于测试的javascript活动部分仅有弹性，现在重命名为jp-prev）。我希望jp-prev在用户点击div时反弹，但不知何故，JavaScript代码没有找到div，或者它只是因为它有一个锚定标签而没有触发。我该怎么办？ – Demorus 2012-07-31 01:23:36

认沽jQuery的代码之前，它可能工作

来源

2014-06-08 20:28:43

感谢它就像你说的那样。我的头部没有jquery – Demorus 2014-06-08 20:29:32

棘手的问题，得到一个特定类或div的弹跳效果

回答

相关问题