Javascript 禁用dat.GUI文件夹

我的示例使用“DAT.GUI.min.js”。当选择另一个文件夹选项时，我需要禁用/启用一个文件夹选项。例如，选中“VisibleMagex文件夹”时，必须启用文件夹“fixImageX”，但未选中“VisibleMagex文件夹”时，必须禁用文件夹“fixImageX”

我的例子是：

function initGUI() {

gui = new dat.GUI({
    height : 5 * 32 - 1
});

parameters = {
    x: 0, y: 0,
    visibleImageX: true,
    visibleImageY: true,
    reset: function() { resetSurvey() }
};

var showPlan = gui.addFolder('Show Plan');
showPlan.add( parameters, 'visibleImageX').name('x').listen().onChange( 
    function(value) {
        if (!value) { 
            parameters.x = 0;
            //disable the folder name: fixImageX
        } 
        else { //enable the folder name: fixImageX}
    });
showPlan.add( parameters, 'visibleImageY').name('y').listen().onChange( 
    function(value) { 
        if (!value) { 
            parameters.y = 0;
            //disable the folder name: fixImageY
        }
    });
showPlan.open();

var fixImage = gui.addFolder('Fix Image');
var fixImageX = fixImage.add( parameters, 'x' ).min(0).max(100).step(1)
.listen().onChange(function(value) {
    // Do somethings
});

var fixImageY = fixImage.add( parameters, 'y' ).min(0).max(100).step(1)
.listen().onChange(function(value) {
    // Do somethings
});
fixImage.open();
}

---

首先，您只有两个名为

fixmimage

和

showPlan

的文件夹。 然后使用JQuery， 要隐藏文件夹，可以执行以下操作：

$(fixImage.domElement).attr("hidden", true);

并展示它

$(fixImage.domElement).attr("hidden", false);