드롭 다운 메뉴가 작동하지 않습니다.

Question

쉬운 웹 응용 프로그램을 개발 중이며 두 개의 js 라이브러리 dat.gui 및 three.js를 사용하고 있습니다.

내 문제는 드롭 다운 메뉴가 잠겨 있다는 것입니다. 나는 그것을 열 수 없다.

// gui initialization (dat.gui) 
function initGui() { 

    var Options = function() { 
     this.tenda = 'bar'; 
    }; 

    config = new Options(); 
    var gui = new dat.GUI(); 
    var subGui = gui.addFolder('Setting'); 
    subGui.open(); 

    // callbacks 
    subGui.add(config, 'tenda', ['bar', 'pie', 'area']). 
     onChange(
      function() { 
       if (config.tenda === 'bar') { ... } 
       else if (config.tenda === 'pie') { ... } 
       else if (config.tenda === 'area') { ... } 
      } 
     ); 
}; 

웹에서 읽는 것은 알려진 문제인 것처럼 보이지만 일부 예에서는 잘 작동하는 드롭 다운 메뉴를 볼 수 있습니다. 저는 js에 익숙하지 않습니다. "어쩌면 범위가 지정된 문제가있을 수 있습니다"라고 생각했기 때문에 초기화 프로세스를 작업을 수행하는 함수 안에 넣었습니다. 그러나 문제는 여전히 남아 있습니다.

저는 우분투/크롬 및 우분투/파이어 폭스에서 작업하고 있습니다. here 전체 코드를 확인할 수 있습니다. 드롭 다운 메뉴 대신 확인란을 사용합니다.

Answer 1

나는 같은 문제에 직면 해있다. 내 코드에서는 마우스 클릭 이벤트를 듣습니다. 과 같은 콜백 기능 : 그것은을 주석으로, 내 문제를 해결할 수 있도록, 드롭 다운 목록을 클릭 방지 할 것 "에서는 event.preventDefault()"

function onDocumentMouseDown(event) { 
    event.preventDefault(); 

    ... //other code 
} 

나는 문제가 있음을 발견했다. 마우스 클릭 이벤트와 관련된 다른 기능을 확인할 수도 있습니다.