다른 요소를 클릭 할 때 드롭 메뉴를 선택 (펼치기)

선택 메뉴와 다른 요소가 포함 된 div가 있습니다 (.dropArrow).다른 요소를 클릭 할 때 드롭 메뉴를 선택 (펼치기)

내가하고 싶은 것은 .dropArrow를 클릭하면 메뉴를 선택하는 것입니다. 여기

내가 지금까지하지만 성공을 시도한 JQuery와 ...

$(".dropArrow").live('click', function() { 
    $(this).siblings("select").click(); 
});

HTML의

<div class="selectContainer selectTest" style="width: 305px;"> 
    <select id="selectTest"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
    <span class="dropArrow">^</span> 
</div>

나는 내가 같은 잘못된 년대 .click() 부분 같은데요 .hide()와 같은 것으로 변경할 수 있고 잘 동작합니다.

출처

2012-07-19 Tom

뿐만 아니라 HTML의 관련 부분을 게시하시기 바랍니다 :

은 자신을 참조하십시오. 또한 jQuery의 어떤 버전을 사용하고 있습니까? '.live()'는 더 이상 사용되지 않으며'.on()'을 사용해야합니다. – nbrooks

죄송합니다. 질문을 다시 읽으십시오. 원하는 것을 생각하지 못했고, 요소 클릭에 대해 트리거되지 않는 것으로 보입니다. – nbrooks

저는 CSS 만 사용하고 자바 스크립트는 사용하지 않았습니다. 그러나 나는이 솔루션이 100 % 완벽하다고 생각하지 않는다. this post 자바 스크립트와 선택 요소를 활성화에 대한 자세한 설명, 또한 jsfiddle.net/Luuk/35xdx/

출처

2012-07-19 11:54:24

오! 'pointer-events : none;'옵션은 IE를 제외한 모든 것으로 동작합니다. IE 수정 프로그램이 있습니까? – Tom

아니요, 그러나 여기에 제공된 솔루션을 사용할 수 있습니다. http://stackoverflow.com/questions/4142619/how-to-make-select-element-be-transparent-in-chrome 기본적으로 귀하는 배경, 그리고 그것에서 화살표를 넣을 수 있습니다. 물론 화살표는 이미지가되어야합니다. –

다른 요소를 클릭 할 때 드롭 메뉴를 선택 (펼치기)

답변

관련 문제