棘手的問題，得到一個特定類或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的彈跳效果

回答

相關問題