div를 통해 기본 외부 플레이어를 클릭하십시오.

Question

내 웹 사이트에있는 외부 라디오 플레이어의 버튼을 누를 수 있고 동시에 클릭하여 해당 사용자가 라디오 방송을 듣고 있음을 나타낼 수 있기를 원합니다. 내장 플레이어는 http://rad.io입니다. closen을 얻을 것 같았다 무엇

이 (가) 오버레이의 div의 CSS에 다음이었다 참으로 클릭을 통해 나를 수

pointer-events:none; 
background-image:url(../img/transparent.png); 

하지만 오버레이의 DIV에 클릭을 등록 할 수 없습니다.

는 CSS :

#radio{ 
position: absolute; 
top: -20px; 
left: 100px; 
height: 30px; 
width: 300px; 
} 

#overlay{ 
position: absolute; 
pointer-events:none; 
top: 0px; 
right: 30px; 
width: 40px; 
height: 30px; 
background-image:url(../img/transparent.png); 
z-index:2; 
opacity: 0.1; 

} 

는 HTML :

<div id="wrapper"> 
<div id="chooseradio"><input type="button" id="choose" value="Select  station" onclick= "selectradio();"/></div> 
<div id="overlay"></div> 
<div id="radio">'.$userlistening.'</div> 
</div> 
</body> 
</html> 

이 전혀 가능합니까? 하나가있는 경우

Answer 1

사용 JQuery와

$('#overlay').click(function(e){ 
    $('#radio').click(); 
} 

가져 오기 JQuery와, 다음 스크립트 태그 또는 JS 파일에 넣고 중 하나.