트리거 요소 선택을 클릭하십시오.

사용자 정의 드롭 다운 화살표가 포함 된 사용자 선택 드롭 다운을 빌드합니다. 브라우저의 기본 화살표가 사용자 정의 화살표로 덮여 있으므로, 사용자 정의 버튼 뒤의 선택을 클릭하면 CSS에서 pointer-events: none;을 사용합니다. 그러나 pointer-events: none;은 아래의 IE 10 &에서 지원되지 않습니다.트리거 요소 선택을 클릭하십시오.

필자는 선택에 클릭을 트리거하고 드롭 다운을 열려면이 코드

<script> 
    $(document).on('click', '.select-dropdown-arrow', function() { 
     $(this).siblings('select').trigger('mousedown'); 
     return false; 
    }); 
</script>

를 작성,하지만 작동하지 않습니다. 이견있는 사람?

감사합니다.

출처

2014-09-17 trobbins26

사용자 정의 드롭 다운을 작성하거나 순서가 지정된 목록 또는 순서가 지정되지 않은 목록을 사용하여 스타일을 지정하고 드롭 다운처럼 작동 시키려면이 방법은 끔찍한 생각입니다. 선택 옵션을 사용하면 머리카락을 풀 수 있습니다. – adeneo

Ive는 이미 사용자 정의 드롭 다운을 완료했습니다. IE에서 기능 만 필요합니다. 감사. – trobbins26

이 픽스는 IE에만 필요하다는 것도 언급하지 못했습니다. Chrome과 Firefox는 반드시 스크립트가 필요하지 않습니다. – trobbins26

테스트 및 연구를 거친 후 모든 IE, 특히 IE에서 지원되는 적절한 솔루션을 찾을 수 없었습니다. 전반적으로 JS는 페이지의 다른 요소를 클릭하여 선택 드롭 다운을 동적으로 열 수있는 명확하고 간결한 방법을 제공하지 않는 것으로 보입니다.

최상의 솔루션은 정렬되지 않은 목록으로 맞춤 드롭 다운을 만들거나 지원되지 않는 브라우저에 대체 환경을 제공하는 것입니다.

Here is a resource I found 일반적으로 맞춤 선택에 관한 내용입니다.

출처

2014-09-18 19:45:56 trobbins26

트리거 요소 선택을 클릭하십시오.

답변

관련 문제