我正在开发一个简单的 Web 应用程序,我正在使用两个 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 的新手,我认为“可能存在一些作用域问题”,所以我将初始化过程放在一个完成工作的函数中。但问题依然存在。
我在 Ubuntu/Chrome 和 Ubuntu/Firefox 上工作。您可以检查整个代码 here ,我在这里使用复选框而不是下拉菜单。
最佳答案
我遇到了同样的问题。在我的代码中,我更改了:
var controls = new THREE.OrbitControls(camera);
到
var controls = new THREE.OrbitControls(camera, renderer.domElement);
关于javascript - 下拉菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22896144/