특정 클래스 또는 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

작동 할 수 있습니다 링크 또는 앵커에 적용됩니다. 누구든지 나를 도울 수 있습니까? – Demorus

#bounceAll에 할당 된 클릭 이벤트가 있지만 HTML 코드에 해당 ID를 가진 요소가 없습니다. # bouncy2-4와 동일합니다. 이것들은 페이지에 존재합니까? 또한이 : ** $ ("div"). click(); ** 나쁜 아이디어입니다. 귀하는 귀하의 페이지에있는 모든 부서원도 클릭 한 번으로 해고하고 있습니다. '내 컨트롤을 지정하십시오'라고 말하면 무엇을 의미하는지 자세히 살펴 보거나 http://jsfiddle.net/에 코드를 올리십시오. – DigTheDoug

이제 변경했습니다. 테스트를 위해 활성화 된 javascript의 일부는 jp-prev로 바뀌 었습니다. 사용자가 div를 클릭 할 때 jp-prev가 튀어 오르기를 원하지만 javacript 코드가 div를 찾지 못하거나 앵커 태그가 할당되어 있기 때문에 화재가 발생하지 않습니다. 어떻게해야합니까? – Demorus

넣어 JQuery와 그리고 내가 바로 자바 스크립트는 클래스를 처리하지 못할 것을 발견

출처

2014-06-08 20:28:43

감사합니다. 당신이 말한 것처럼 작동합니다. 나는 내 머리 부분에 jquery가 없다. – Demorus

특정 클래스 또는 div에서 수신 거부 효과가 발생하는 까다로운 문제

답변

관련 문제