Question

我有两个按钮，一个将绘制数据，第二个将下载数据。仅当该图具有数据时，我才会显示excel下载按钮。这部分工作正常，但是我第一次点击第二个按钮却无法正常工作，谢谢您的帮助。

在html中：

<button id='btn-plot' class='btn-dark'>Plot</button>
<button id='btn-xls' class='btn-dark' hidden='hidden'>Excel</button>

在js中：

$('#btn-plot').on('click', function(lista) {

        var lista = data['lista'].toString()
        if (lista.length != 0) {
                document.getElementById('btn-xls').hidden = false;

        } else {
                document.getElementById('btn-xls').hidden = true;

        }
});

    $('#btn-xls').on('click', function(){
             alert('i am here')
             (...)
                };
        });

Answer 1

从btn-xls删除隐藏的属性

<button id='btn-plot' class='btn-dark'>Plot</button>
<button id='btn-xls' class='btn-dark' >Excel</button>

更新JavaScript

$('#btn-xls').hide();
$('#btn-plot').on('click', function(lista) {
        var lista = data['lista'].toString()
        if (lista.length != 0) {
                $('#btn-xls').show();

        } else {
                $('#btn-xls').hide();

        }
});

    $('#btn-xls').on('click', function(){
              alert('i am here')
             (...)
                }; 
        });

隐藏按钮，出现后第一次单击时不起作用

1 个答案: